En los propios términos del Skill
Este skill diseña interfaces web que sintetizan el diseño tipográfico suizo de mediados de siglo, los manuales de fabricación industrial y las interfaces de terminal retrofuturistas aeroespaciales/militares. Requiere un dominio absoluto de las cuadrículas modulares rígidas, un contraste extremo de escala tipográfica, paletas de color puramente utilitarias, y la simulación programática de degradación analógica, incluidos tramados, líneas de escaneo CRT y dithering de mapa de bits.
El objetivo es construir entornos digitales que proyecten funcionalidad cruda, precisión mecánica y alta densidad de datos, descartando deliberadamente los patrones convencionales de UI de consumo. Se usa para dashboards con muchos datos, portfolios o sitios editoriales que necesitan sentirse como planos desclasificados.
Qué produce
- Interfaces web con cuadrículas modulares rígidas, contraste extremo de escala tipográfica y paletas de color utilitarias
Cómo funciona
- 01Seleccione Un Arquetipo Visual y Manténgalo
Elija entre Swiss Industrial Print (modos claros de alto contraste con tipografía sans-serif pesada) o Tactical Telemetry & CRT Terminal (modo oscuro con tipografía monoespaciada y encuadre técnico).
- 02Diseñe un Contraste Extremo de Escala Tipográfica
Despliegue macro-tipografía a escalas masivas usando tipografía fluida con seguimiento ajustado e interlineado comprimido, exclusivamente en mayúsculas.
- 03Elija Una Paleta de Sustrato de Forma Consistente
Seleccione ya sea el modo claro con fondos de papel de documentación mate sin blanquear y texto en tinta carbón, o el modo oscuro con fondos de CRT desactivado y texto en fósforo blanco.
- 04Construya sobre una Arquitectura de Cuadrícula tipo Blueprint
Construya diseños con CSS Grid estricto donde los elementos se anclan con precisión a las pistas e intersecciones de la cuadrícula.
- 05Aplique Efectos de Degradación Analógica
Simule limitaciones de medios físicos mediante trama de semitonos y dithering de 1 bit en imágenes, líneas de escaneo CRT a través de gradientes lineales repetidos, y filtros de ruido mecánico aplicados globalmente para introducir un grano físico unificado en toda la interfaz.