44 lines (33 loc) · 1.4 KB

Design tokens de Homedir (UI v2)

NOTA: Esta versión es solo un esqueleto. Los valores concretos (colores, tipografías, etc.) deben extraerse manualmente desde la maqueta de Canva.

1. Colores

--hd-color-primary: TODO definir color primario (desde maqueta).
--hd-color-secondary: TODO definir color secundario.
--hd-color-bg: TODO fondo principal.
--hd-color-surface: TODO color de superficie (cards, paneles).
--hd-color-text-primary: TODO texto principal.
--hd-color-text-secondary: TODO texto secundario.
--hd-color-accent: TODO color de acento (botones / links).

2. Tipografía

Fuente principal: TODO nombre de fuente (ej: “Inter”, “Poppins”, etc.).
Fuente secundaria (si aplica): TODO.
Tamaños base:
- Body: TODO (ej: 16px)
- H1, H2, H3: TODO (jerarquía de títulos).

3. Layout y espaciado

Ancho máximo de contenedor: TODO (ej: 1200px).
Espaciados verticales entre secciones: TODO.
Radios de borde: TODO (ej: 8px, 16px).
Sombras: TODO (ej: elevación para cards, modales).

4. Componentes base

Botón primario:
- Fondo: --hd-color-primary
- Texto: --hd-color-on-primary (TODO)
- Estilo hover/focus: TODO
Botón secundario: TODO
Card: TODO
Banner / hero: TODO

5. TODO general

Rellenar todos los tokens desde la maqueta de Canva.
Validar contraste de colores (AA/AAA).
Confirmar tipografías y pesos exactos.

⚡