Light and dark
Both modes side by side, with the same hierarchy and the same capabilities.
This section still reads in Spanish — the English body is on its way. The demos speak for themselves.
El mismo markup, dos modos
Inbox
12 conversaciones
Constructora Andes
14:32Perfecto, revisemos la propuesta el jueves…
AgenteClínica Alameda
13:07Una persona tomó la conversación.
PersonaVinos del Maule
12:05Reunión confirmada para el martes 10:00.
Agendado
Inbox
12 conversaciones
Constructora Andes
14:32Perfecto, revisemos la propuesta el jueves…
AgenteClínica Alameda
13:07Una persona tomó la conversación.
PersonaVinos del Maule
12:05Reunión confirmada para el martes 10:00.
Agendado
Las dos columnas renderizan exactamente el mismo componente. La derecha solo cambia un atributo de datos. Si los modos divergen, el bug está en un token — nunca en un fork del UI.
Misma jerarquía, mismas capacidades
El oscuro no es una marca alternativa ni un modo «pro»: es el mismo producto con menos luz. Y el fondo es neutro, casi negro — el azul de la familia vive en los acentos, nunca teñido en el canvas.
Lo que sí cambia por diseño: el azul de acción se aclara a #7086FF (el claro es ilegible sobre superficie oscura), y la elevación cambia de motor: el paso de superficie separa, y el token de sombra aporta una luz superior apenas visible — como si la luz rozara la superficie levantada. Sin bordes, sin anillos.
La landing pública permanece clara en esta fase — eso es una decisión de la landing, no una regla del sistema.
- Canvas
- #EFF0F6 · #050506
- Superficie
- #FFFFFF · #141417
- Texto
- #0C0D13 · #F2F3F7
- Acción
- #1E3CE6 · #7086FF
- Selección
- system → localStorage
- Primer paint
- sin flash · boot script