Design System · v1
Manual de marca & UI Kit
Tokens normalizados para todo el ecosistema BigNexum: una fuente de verdad en componentes modulares reutilizables — la misma tarjeta, el mismo botón, la misma tipografía en cada página.
01 · Paleta de colores
Background
#FFFFFF
Surface
#F6F7FB
Card
#FFFFFF
Border
#E5E7EB
Muted
#F4F4F5
Text 2º
#6E7076
Text 1º
#131316
Primary
#1B191A
Success
#35D07F
Info
#3B82F6
Warning
#EDB93D
Destructive
#D64545
Gold
#EDD632
Check AZ
#2563EB
Estados semánticos normalizados: éxito verde · información azul · aviso ámbar · error rojo · verificación azul #2563EB · marca oro #EDD632.
02 · Tipografía
Inter · latchCompra todo
Display · 3rem
Inter · semibold
Marketplace global
H1 · 1.875rem
Inter · semibold
Tiendas oficiales
H2 · 1.5rem
Inter · semibold
Texto de párrafo estándar para contenido.
Body · 1rem
Inter · semibold
Texto auxiliar de soporte.
Small · 13px
Inter · semibold
Notas y metadatos.
Caption · 11px
Inter · semibold
03 · Radio & bordes
04 · Widgets modulares
shadcn/ui · reutilizablesBotones · variants
Primario = negro de marca (#1B191A). Secundario = zinc. Contorno = borde gris. Peligro = rojo semántico.
Inputs & formularios
Badges & estados
Alertas semanticas
05 · Navegación por pestañas
v1 · Tokens en app/globals.css · Widgets en components/ui/* · Este manual es una página viva: los componentes se actualizan en todo el ecosistema automáticamente.