Cápsula de Viaje
Tema

Sistema de diseño · v0.1

Postal del futuro

Atardecer caribeño y nostalgia de viaje analógico. Estos son los tokens y los componentes base sobre los que se maquetan el Dashboard de Ahorro, el wizard de viaje y la Cápsula.

Ver Dashboard de Ahorro →

Color

Arena de fondo, mar profundo para el texto y el atardecer para la acción principal. Lo pendiente nunca va en rojo: va en neutro.

Aa
Arena clara--c-sand-50 · #FFF8EF
Aa
Arena--c-sand-100 · #FFF0DC
Aa 12:1
Mar profundo--c-ink-900 · #12324A
Aa 4,7:1
Atardecer--c-coral-500 · #FF6B4A
Aa 5:1
Terracota--c-terracotta-700 · #C2452D
Aa 5,1:1
Laguna--c-lagoon-500 · #1FB5AC
Aa 8,5:1
Sol--c-sun-400 · #FFC23D
Aa
Noche de cápsula--c-capsule-900 · #2B1B4D
Aa 7,9:1
Bioluminiscencia--c-capsule-300 · #B69CFF
Hora dorada · celebraciones
Hora azul · cápsula
Horizonte · progreso

Tipografía

Fraunces para titulares y montos, Plus Jakarta Sans para la interfaz y Caveat solo para lo escrito a mano en la cápsula.

3xl · 49$2.650.000
2xl · 39Los 40 de Caro
xl · 31Faltan 214 días para la playa
lg · 25Echar al frasco
md · 20Tu aporte de noviembre se acerca
base · 16Cada concha cuenta. El grupo ve tu avance en vivo y lo celebra contigo.
sm · 14Último aporte: Luis, hace 2 horas
manoCaro, ¡feliz 40! Nos vemos en Palomino 🌴

Botones

Una sola acción principal por pantalla, en atardecer. El botón de aporte pide mantener presionado: evita toques accidentales y lo vuelve un pequeño ritual.

Variantes
Tamaños
Mantener para confirmar
Mantén presionado medio segundo

Tarjetas-postal

Papel con grano, matasellos y borde de correo aéreo. La polaroid y la estampilla son para recuerdos e hitos.

Ahorrando · mes 9 de 24

Los 40 de Caro

Palomino, La Guajira · 12–16 mar 2028

Hito alcanzado

¡Ya vamos en 25 %!

El hotel de 2 noches ya está pagado. Faltan los pasajes.

25%Hotel listo
10%Arrancamos
Día 1 · llegamos 🌊
El atardecer de los 40

Avatares y estado del mes

Anillo de laguna y check para quien ya aportó. Para quien falta, un anillo punteado neutro, sin señalar a nadie.

Tamaños
CA CA CA CA CA
Insignias
✓ Al día En camino 🔥 Racha de 3 🔒 Sellado Tesorera

Toasts

Avisos cortos desde arriba. Se pausan al pasar el mouse y los lectores de pantalla los anuncian sin interrumpir.

Tema cápsula

Los mismos componentes con data-theme="capsule". La botella tiembla si intentas abrirla antes de tiempo.

Se abre el 12 mar 2028 · 00:00

Faltan 214 días, 6 horas

Adentro: 3 audios · 7 fotos · 2 cartas · de 4 personas

🔒 Sellado

Echar al frasco

Los 40 de Caro · aporte de noviembre

COP
Tu cuota mensual es $50.000
¿Cómo lo enviaste?