Grid potente
Tres patrones de uso para cualquier layout, con 5 breakpoints responsive.
Framework CSS para todo.
Grid potente con tres patrones de uso, design tokens y utilidades modernas. Sirve para invitaciones digitales y proyectos IT sin modificar el framework.
flex-1-1-100
flex-1-1-175
flex-0-1-125
flex-1-1-100
rose
amber
teal
purple
Sistema de grid
Tres patrones para cualquier layout.
1 · Padre controla hijos
.flex-3 — todos los hijos reciben el mismo ancho automáticamente.
Columna 1
Columna 2
Columna 3
2 · Cada hijo define su base
.flex-1-1-{valor} — crece desde una base fija, se adapta al espacio disponible.
flex-1-1-300 · crece
flex-1-1-200 · crece
flex-1-1-150 · crece
3 · Ancho fijo que puede encoger
.flex-0-1-{valor} — base fija, no crece. Ideal para sidebars.
Sidebar · flex-0-1-250
Contenido principal · flex-1-1-300
Colores
Semánticos para IT · Paleta creativa para diseño libre.
Semánticos
primary
secondary
success
warning
danger
info
Paleta creativa
Componentes
Botones
Cards
Design Tokens
Cambiá 3 variables en theme.css y todo el tema se actualiza sin tocar el framework.
Paleta dual
Colores semánticos para proyectos IT y paleta creativa para invitaciones.