Materia cromática
Snow
#F2F5F0Pine
#15352DMarker
#EF5B2AGlacier
#8CC9C1AL-33
Alpine Ledger
La claridad gana altura.
INTENCIÓN DEL SISTEMA
Un sistema editorial de rutas, cotas y notas de campo que convierte información compleja en una ascensión legible.
IDEAL PARAInformesSostenibilidadTurismo técnico
Voz tipográfica
- Display
- Source Serif 4
- Body
- Archivo
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Curvas topográficas, márgenes de campo y marcadores de altitud.
- Movimiento
- La ruta se dibuja una sola vez al entrar; en reposo sólo cambia el marcador activo.
- Firma
- Una línea de cota une índice, sección y evidencia sin convertirse en adorno.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01Cada altura tiene escala
02La ruta conserva contexto
03La evidencia ocupa el primer plano
Evita esto
×1Mapas sin leyenda
×2Verde como gesto ecológico vacío
×3Scroll ornamental
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Altitude index
↗Field note
↗Route hero
↗Evidence table
↗Contour tabs
↗Trail CTA
↗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 “Alpine Ledger” (AL-33) de Co.De Strategy Systems Atlas. Intención: Un sistema editorial de rutas, cotas y notas de campo que convierte información compleja en una ascensión legible. Paleta: Snow #F2F5F0, Pine #15352D, Marker #EF5B2A, Glacier #8CC9C1 Tipografía: display Source Serif 4; cuerpo Archivo; utilidad IBM Plex Mono. Forma: Curvas topográficas, márgenes de campo y marcadores de altitud. Movimiento: La ruta se dibuja una sola vez al entrar; en reposo sólo cambia el marcador activo. Firma visual: Una línea de cota une índice, sección y evidencia sin convertirse en adorno. Principios: Cada altura tiene escala; La ruta conserva contexto; La evidencia ocupa el primer plano. Evita: Mapas sin leyenda; Verde como gesto ecológico vacío; Scroll ornamental. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.