FUNDAMENTOS / v0.1
Tokens y estados
Una fuente de valores para el paquete y sus ejemplos.
Paleta base
La marca, las superficies y los colores de significado tienen roles distintos.
Acción principal
#be1e2dTexto principal
#181a2aTexto secundario
#5b6472Borde del control
#827c77Panel
#fcfcfcFondo
#f5f5f5Éxito
#dcfce7Advertencia
#fef3c7Perfil F1 · Formulario sencillo
- Altura mínima del control
- 40 px
- Radio del control
- 4 px
- Radio del panel
- 8 px
- Separación entre campos
- 16 px
- Padding del panel
- 24 px / móvil 16 px
Tipografía y espacios
- Familia
- Inter
- Título de página
- 30 / 36 px
- Texto y entrada
- 14 / 21 px
- Ayuda y cabecera
- 12 / 16 px
- Escala de espacios
- 4 · 8 · 12 · 16 · 24 · 32 · 48
Perfil F2 · Por secciones
- Altura / radio del control
- 44 / 12 px
- Radio del panel
- 14 px
- Espacio entre secciones
- 24 px
- Importe destacado
- 18 / 27 px · 700
- Acción principal
- 40 px
Perfil L2 · Operativo
- Celda vertical / horizontal
- 14 / 16 px
- Radio del panel
- 14 px
- Contexto y criterios
- Visibles
- Acción por fila
- 32 px
- Filas por defecto
- 25
Acciones y feedback
Hover, foco y pressed mantienen la geometría. Usa Tab para revisar el foco.
Activa
En revisión
Información
Error
Perfil R2 · Filtros avanzados
- Panel máximo / móvil
- 448 px / ancho completo bajo 640 px
- Padding escritorio / móvil
- 24 / 16 px
- Controles / acción Aplicar
- 40 / 44 px
- Elevación
- shadow.drawer
- Fondo modal
- color.overlay
El inventario conserva los cinco perfiles de la propuesta v0.1. La biblioteca implementa F1, F2, L1, L2 y R2. Su adopción en Holbran sigue siendo una etapa independiente.