Guía de estilo · Styleguide

Un pueblo, expresado con consistencia.

Compare against the brand book — same tokens, same warmth.

05 · Color

noche

#2B211A · Ink / dark surface

nocheRaised

#3A2E24 · Night adobe raised

cal

#F6F0E3 · Canvas · 55%

papel

#FBF7EE · Raised surfaces

arena

#E7DCC8 · Lines & dividers

piedra

#756454 · Secondary text

adobe

#BE5127 · Primary · 15%

bugambilia

#D8467A · Signature · 5%

talavera

#24469B · Interactive · 8%

maiz

#E2A72E · Highlight · 4%

agave

#5C7350 · Success · 3%

chile

#B3382C · Error / destructive

NantliMercado

NantliPosada

NantliFaro

NantliCuadrilla

06 · Tipografía

display · 76La cocina abre

h1 · 44Tonight's service

h2 · 32Reservaciones de hoy

h3 · 22Room 7 · Check-in at 3:00 pm

body · 16The tasting menu changes with the market. Ana updated six dishes this morning — review and publish when ready.

ui · 14Guardar cambios · Ver detalle · Imprimir cuenta

caption · 12Última sincronización 19:42 · Terminal 02

Alegreya speaks to people; Archivo works with them. Never set data or prices in Alegreya. La itálica es para los ecos en español.

10 · Interfaz

Buttons · light

Inputs & controls

Nombre del huésped

Habitación

OcupadaConfirmadaPor llegarSin pagarSin asignar

Propinas activas

Mesa 12

4 cubiertos · Ana atendiendo

Ocupada · 1h 20m

Cuenta corriente$1,240.00

Reservación	Llegada	Noches	Habitación	Estado
Lucía Fernández	Hoy · 3:00 pm	2	Terraza 3	Por llegar
Familia Ortega	Hoy · 4:30 pm	3	Patio 1 y 2	Confirmada
Sofía & Andrés	Vie · 12:00 pm	2	—	Sin asignar

Dark · night adobe

Ventas de hoy · Mié 8 Jul

$48,290

+12% vs. el miércoles pasado · 148 covers

Warm browns, never blue-black. Maíz is the primary action at night; Adobe recedes. Same geometry, same warmth, later hour.

09 · Movimiento

chispa120 mscubic-bezier(0, 0.55, 0.3, 1)

paso240 ms

puerta400 mscubic-bezier(0.2, 0, 0, 1)

ceremonia900 ms

Settling, not bouncing. Operational feedback ≤150 ms; ceremony may take its time.