Vale · Sistema de diseño

Kit de componentes

Un solo lenguaje para todo Vale: dashboard, página pública y app. Tonos cálidos, iconos de línea (sin emojis), cards grandes y simples.

Paleta

El skin de Vale. (Turno usa los mismos componentes con su skin blanco y negro.)
Rust
#A8392A
Marca, botón primario, acentos
Rust soft
#C45A47
Gradientes, hover
Fondo
#F3EADD
Fondo cálido base
Card
#FFFFFF
Tarjetas, superficies
Tinta
#34302B
Texto principal
Muted
#8C8073
Texto secundario
WhatsApp
#1FA855
Estados/acciones WA
OK
#3F7A52
Éxito, confirmado
Gold
#C9962F
Vale / AI, destacados

Tipografía

Fraunces para títulos (carácter cálido), Hanken Grotesk para todo lo demás (limpio).
Display · Fraunces
Taquería La Esquina
Título · Fraunces
Lo que hizo Vale hoy
Cuerpo · Hanken
Vale responde por tu mismo número, vos seguís usando tu WhatsApp.
Etiqueta · Hanken
Vale hoy

Iconos de línea

Reemplazan a los emojis. Trazo 2px, esquinas redondeadas. Color según contexto.
Agenda
en vez de 📅
Mensajes
en vez de 💬
Archivos
en vez de 📁
Vale / AI
en vez de ✨
Cliente
en vez de 👤
Página pública
en vez de 🏪
Reportes
en vez de 📊
Ajustes
en vez de ⚙️
Alertas
en vez de 🔔
Ventas / POS
en vez de 💲

Componentes

El card-botón es la pieza base. Mismo patrón en dashboard, página pública y app.
Agenda
Tus citas
3 hoy
Mensajes
WhatsApp
2 sin ver
Ver mi página públicataqueria-la-esquina.vale.app
›

Reglas rápidas

  • ✗ Nada de emojis como iconos. Siempre iconos de línea del set de arriba.
  • ✓ Cards grandes, pocas por pantalla, esquinas redondeadas (18–24px).
  • ✓ Títulos en Fraunces, todo lo demás en Hanken Grotesk.
  • ✓ Un acento por pantalla (rust). Verde solo para WhatsApp/éxito, gold para Vale/AI.
  • ✓ Sombras suaves y cálidas, nunca duras ni grises frías.
  • ✗ Sin menús densos. Si hay muchas opciones, agrupalas en cards.