Materia cromática
Deep reef
#061E27Foam
#E4FBF7Coral
#FF6C82Algae
#8DE3B2CS-29
Coral Syntax
Las relaciones también ramifican.
INTENCIÓN DEL SISTEMA
Sintaxis orgánica para productos de conocimiento: ramas, nodos y filtros que hacen visible la estructura.
IDEAL PARABases de conocimientoInvestigaciónSistemas de contenido
Voz tipográfica
- Display
- Archivo
- Body
- Atkinson Hyperlegible
- Utility
- Space Mono
Comportamiento
- Forma
- Ramificaciones, clusters y conectores suaves.
- Movimiento
- Ramas que crecen al enfocar y colapsan sin perder contexto.
- Firma
- Un cluster revela su sintaxis cuando una relación entra en foco.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La rama tiene padre
02El foco reduce ruido
03La red admite lectura lineal
Evita esto
×1Mapa incomprensible
×2Nodos sin etiqueta
×3Partículas sin relación
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Branching nav
↗Syntax block
↗Coral cluster
↗Node inspector
↗Filter pills
↗Lineage trail
↗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 “Coral Syntax” (CS-29) de Co.De Strategy Systems Atlas. Intención: Sintaxis orgánica para productos de conocimiento: ramas, nodos y filtros que hacen visible la estructura. Paleta: Deep reef #061E27, Foam #E4FBF7, Coral #FF6C82, Algae #8DE3B2 Tipografía: display Archivo; cuerpo Atkinson Hyperlegible; utilidad Space Mono. Forma: Ramificaciones, clusters y conectores suaves. Movimiento: Ramas que crecen al enfocar y colapsan sin perder contexto. Firma visual: Un cluster revela su sintaxis cuando una relación entra en foco. Principios: La rama tiene padre; El foco reduce ruido; La red admite lectura lineal. Evita: Mapa incomprensible; Nodos sin etiqueta; Partículas sin relación. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.