Ir al contenido
0.3.0a1Biblioteca independienteCódigo en Forgejo

SISTEMA DE DISEÑO · PILOTO INDEPENDIENTE

Biblioteca visual de Holbran

Un mismo lenguaje para construir formularios y listados.
Marcas, Precios y Catálogo: componentes, estados y reglas de uso.

En construcción Paquete Django + CottonTokens v0.1
F1

Formulario sencillo

Campos claros, ayuda y acciones consistentes.

Identificador de la marca de ejemplo.

Control 40 px · Radio 4 px · Espacio 16 pxExplorar formulario
L1

Listado sencillo

Búsqueda, información y acciones por fila.

Marcas de ejemplo
MarcaEstado
Alba Activa
Aura Activa
Brisa Configurando
Celda 12 × 16 px · Paginación · EstadosExplorar listado
F2

Formulario por secciones

Contexto, importe y disponibilidad en bloques claros.

Precios · Resumen lateral · Validación · Unidades visibles

Control 44 px · Radio 12 px · Panel 14 pxExplorar secciones →
L2

Listado operativo

Unidad, almacén, importes y revisión por regla.

Precios · Búsqueda y filtros visibles · Orden y paginación

Celda 14 × 16 px · Estados · Panel 14 pxExplorar operaciones →

R2 / CATÁLOGO

Filtros avanzados, sin perder el contexto

Búsqueda visible, borrador independiente, criterios aplicados y un panel lateral con teclado y foco.

Explorar Catálogo y filtros →

LA BASE COMPARTIDA

Tokens que se convierten en componentes

Colores, tipografía, espacios, bordes y estados definidos una sola vez.

Acción principal
Texto principal
Texto secundario
Borde del control
Ver tokens
Construimos la biblioteca por separado.

Estos ejemplos usan el código de los componentes de holbran-ui y datos ficticios. Holbran todavía no instala este paquete.