Topographic Journal
Una estética de guía de campo hecha para apasionados del material outdoor. Superficies de papel cálido, forest como color primario, ember como acento y texturas de curvas de nivel que se leen como un mapa topográfico — lo bastante serenas para convivir con listas largas de material, lo bastante singulares para parecer hechas a mano.
Paleta
Las escalas OKLCH de DESIGN.md: superficies de papel cálido, texto en tinta neutra, forest como color primario y ember como acento.
Paper — surfaces
paper-50
paper-100
paper-200
paper-300
Ink — text
ink-900
ink-700
ink-500
ink-300
Forest — primary
forest-100
forest-300
forest-500
forest-700
forest-900
Ember — accent
ember-100
ember-500
ember-700
Tipografía
Fraunces aporta la voz de los titulares; Geist se encarga del texto y la interfaz; Geist Mono se reserva para cifras y etiquetas técnicas.
Display — Fraunces
Body — Geist. The quick brown fox packs gear for a long thru-hike across the ridge, then settles in by the campfire glow.
Mono — Geist Mono · 1234.56 g · 12.4 kg · lat 47.42 lon 11.09
Patrón topográfico
La textura característica de curvas de nivel en tres densidades, más una muestra de fondo de tarjeta con tinte forest.
Card / hero background tint
Iconos
BackpackIcon
TentIcon
SleepingBagIcon
StoveIcon
HeadlampIcon
CompassIcon
MapIcon
CarabinerIcon
FirstAidIcon
WaterDropIcon
TrailIcon
MountainIcon
TopoLineIcon
PaddleIcon
TrekkingPolesIcon
Movimiento
El movimiento explica los cambios de estado — nunca es decoración.
Una protección global de prefers-reduced-motion neutraliza todas las animaciones.
Sample card surface
Hover on desktop to feel the lift. The motion is subtle on purpose — it confirms interactivity without distracting from the gear.
Elevación al pasar el cursor en escritorio (gs-card-interactive). En dispositivos táctiles y con movimiento reducido se ve el estado de reposo.
Pulsa repetir para lanzar el trazado con stroke-dashoffset (gs-checkmark-draw).
Pulsa abrir para lanzar el spring central del modal (gs-modal-enter).
Pulsa lanzar para mostrar un toast de éxito con la línea de progreso que se agota (gs-toast-progress).