Ruta

Sistema Ruta · v4

El viaje, sin ruido alrededor.

Minimalista, compacta y continua. Diseñada para trabajar igual de bien con el pulgar en móvil que a pantalla completa en escritorio.

01

Dirección

01

Superficie continua

El contenido se agrupa con alineación y divisores, no con tarjetas.

02

Densidad tranquila

Se ve más información sin comprimir la lectura ni inflar el espacio.

03

Todo el ancho

El workspace ocupa la pantalla disponible; mapas y datos no viven en una caja.

04

Color tipográfico

El lienzo permanece blanco; Laguna y coral viven en texto, estados y etiquetas.

02

Color

En modo claro, el lienzo y las superficies son blanco puro. La jerarquía nace de texto, espacio y líneas grises; Laguna y coral se reservan para texto funcional, estados y etiquetas suaves. Los CTA usan gris carbón.

page#FFFFFF
surface#FFFFFF
surface-2#F7F7F7
line#EDEDED
brand-100#E9F5F2
brand#147A71
accent-soft#FFF0ED
accent#C94F46
ink#242424
action#3F3F3F
page#202020
surface#202020
surface2#272727
surfaceRaised#242424
line#353535
lineStrong#4A4A4A
brand100#1D3A36
brand#68BCB1
03

Tipografía y ritmo

Geist habla claro, incluso cuando el viaje se complica.

Una sola familia sans para titulares, interfaz, datos y lectura continua.

display64px · 500 · Titular principal
page40px · 500 · Título de vista
section20px · 500 · Sección
body15px · 450 · Lectura e interfaz
label12px · 600 · Labels
caption10px · 600 · Meta
4
8
12
16
20
24
32
40
48
64
04

Controles

Las etiquetas son visibles y la ayuda explica el dato.

Seleccionar fechas
Guardar una idea
Ver en el mapa
05

Composición

Escritorio usa un rail fijo de 224px y el resto de la pantalla para contenido. En móvil, el rail se convierte en una barra inferior a todo el ancho y los medios llegan hasta el borde.