Materia cromática
Chrome
#D8DDE2Ink
#12151ALaser
#B9FF2CGlass
#F7FAFCCH-05
Chrome Horizon
El futuro tiene reflejos.
INTENCIÓN DEL SISTEMA
Lujo tecnológico inspirado en superficies mecanizadas, displays ópticos y una línea de horizonte perpetua.
IDEAL PARAAutomociónHardwareProductos de próxima generación
Voz tipográfica
- Display
- Impact / sans ultra condensada
- Body
- Helvetica Neue
- Utility
- ui-monospace
Comportamiento
- Forma
- Cápsulas técnicas y biseles finos.
- Movimiento
- Barridos luminosos direccionales.
- Firma
- Una superficie metálica atravesada por una línea láser lima.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01El brillo revela jerarquía
02Precisión antes que espectáculo
03El verde solo indica energía
Evita esto
×1Glassmorphism indiscriminado
×2Reflejos ilegibles
×3Más de un acento fluorescente
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Hero de producto
↗Navegación global
↗Tarjeta de contenido
↗Sistema de datos
↗Formulario principal
↗Feedback y estados
↗06 / HANDOFF
Listo para tu agente.
El prompt preserva la intención del tema sin obligar a copiar esta página. Así se adapta al producto que ya existe.
Implementa el sistema visual “Chrome Horizon” (CH-05) de Co.De Strategy Systems Atlas. Intención: Lujo tecnológico inspirado en superficies mecanizadas, displays ópticos y una línea de horizonte perpetua. Paleta: Chrome #D8DDE2, Ink #12151A, Laser #B9FF2C, Glass #F7FAFC Tipografía: display Impact / sans ultra condensada; cuerpo Helvetica Neue; utilidad ui-monospace. Forma: Cápsulas técnicas y biseles finos. Movimiento: Barridos luminosos direccionales. Firma visual: Una superficie metálica atravesada por una línea láser lima. Principios: El brillo revela jerarquía; Precisión antes que espectáculo; El verde solo indica energía. Evita: Glassmorphism indiscriminado; Reflejos ilegibles; Más de un acento fluorescente. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.