Materia cromática
Frost
#E8EDF3Carbon
#11151CLime
#B7F36BCoral
#FF6B6BGF-22
Glass Foundry
La materia también tiene estados.
INTENCIÓN DEL SISTEMA
Un laboratorio de superficies translúcidas y piezas técnicas donde cada reflejo explica una selección.
IDEAL PARAHardwareConfiguradoresRetail premium
Voz tipográfica
- Display
- Sora
- Body
- Inter
- Utility
- Space Mono
Comportamiento
- Forma
- Placas flotantes, bordes prismáticos y superficies macizas de respaldo.
- Movimiento
- Parallax leve y refracción sólo cuando una pieza cambia.
- Firma
- Un inspector flotante revela el material detrás de cada estado.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La transparencia necesita respaldo
02El reflejo sigue una fuente
03Seleccionar es materializar
Evita esto
×1Blur por defecto
×2Contraste perdido
×3Paneles sin jerarquía
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Spec card
↗Material switcher
↗Floating inspector
↗Compare drawer
↗Segmented control
↗State badge
↗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 “Glass Foundry” (GF-22) de Co.De Strategy Systems Atlas. Intención: Un laboratorio de superficies translúcidas y piezas técnicas donde cada reflejo explica una selección. Paleta: Frost #E8EDF3, Carbon #11151C, Lime #B7F36B, Coral #FF6B6B Tipografía: display Sora; cuerpo Inter; utilidad Space Mono. Forma: Placas flotantes, bordes prismáticos y superficies macizas de respaldo. Movimiento: Parallax leve y refracción sólo cuando una pieza cambia. Firma visual: Un inspector flotante revela el material detrás de cada estado. Principios: La transparencia necesita respaldo; El reflejo sigue una fuente; Seleccionar es materializar. Evita: Blur por defecto; Contraste perdido; Paneles sin jerarquía. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.