Sistema visual de Núcleo

El estándar de la categoría, solo modo claro: neutros fríos, un acento índigo y Inter con cifras tabulares. Esta galería es la referencia para revisar colores, tipografía y componentes.

Colores

Tokens semánticos con un único acento.

primary
accent
secondary
success
warning
destructive
muted
surface-2
border
primary-soft

Tipografía

Inter con cifras tabulares.

Título 1 — Inter 600

Título 2

Título 3

Texto base en Inter. Reservas, stock y comisiones en una sola plataforma.

Texto secundario para descripciones y ayudas.

Texto pequeño para metadatos y fechas.

Botones

Estados y badges

Un chip por tono semántico, en lugar de un color por etapa.

Te tocaEn cursoCompletadoPendienteObservadoRechazadaEsperando a otrosPunto: etapa o qué falta
Badge
Secundario
Contorno

Campos de formulario

Tarjetas

MS
María Soto
Parque Central · Depto 1208
En revisión
Documentos del cliente62%

Tabla

En pantallas pequeñas, cada fila pasa a tarjeta.

María SotoEn revisión
Parque Central · Depto 1208
R-1042 · 3.420 UF
Andrés RojasEvaluación bancaria
Alameda 450 · Depto 705
R-1041 · 2.980 UF
Camila DíazAprobada
Parque Central · Depto 906
R-1039 · 3.110 UF
Felipe MoraDocumento pendiente
Vista Norte · Depto 412
R-1036 · 2.540 UF
Paula VegaRechazada
Alameda 450 · Depto 311
R-1030 · 2.720 UF

Pestañas

Datos de la reserva y del cliente.

Avisos

Alertas en la página y toasts para confirmaciones.

Diálogos

Modal en escritorio, cajón inferior en celular, y confirmación para acciones destructivas.

Carga y estados vacíos

Aún no hay reservas

Cuando un broker reserve una unidad aparecerá aquí.