Branstom Design System

Design System de Branstom

Catálogo vivo de fundamentos, componentes, módulos y plantillas del sitio. Es la fuente única de verdad visual: lo que aquí está marcado como estable es lo que se usa en producción; lo demás está en evolución.

Qué contiene

  • Fundamentos — tokens de color, tipografía, escala de espaciado, breakpoints. (En construcción.)
  • Componentes — botón, formulario, card, accordion, breadcrumb y demás piezas reutilizables. (En construcción.)
  • Módulos — los 12 bloques que componen una página de familia merch. Visibles abajo.
  • Plantillas — merch, hub, proyecto. (En construcción.)

Cómo usarlo

  • Cada módulo se previsualiza a 4 anchos: Wide 1920 · Laptop 1280 · Tablet 834 · Mobile 390.
  • Los módulos marcados Stable están aprobados y son replicables.
  • Los que no lo están siguen en evolución y no deben publicarse en producción.
  • Para inspeccionar un módulo de forma aislada, abre su URL con ?frame=<id>.

Página interna · noindex · v0.x

Branstom · Design System

Sistema de diseño

Catálogo vivo de los módulos y componentes ya cerrados y validados (fuente: la página de merchandising corporativo personalizado). Cada ficha muestra el módulo en HTML real, con sus animaciones, a cuatro anchos —Wide 1920, Laptop 1280, Tablet 834 y Mobile 390. El último bloque es la librería de iconos. Página de referencia interna (noindex).