Sistema de Diseño
Guía de estilo, componentes y prototipos navegables para proyectos.
Paleta de Colores
Haz clic en un color para copiar su código HEX:
Tipografía
Heading 1 — Poppins Bold
Heading 2 — Poppins SemiBold
Heading 3 — Poppins Medium
Párrafo de texto — Poppins Regular. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Font Family
Poppins, Inter, system-ui
Base Size
16px / 1rem
Line Height
1.6 (body) / 1.2 (headings)
Sistema de Espaciado
Escala de espaciado base 4px:
4px
8px
12px
16px
24px
32px
48px
Componentes UI
Biblioteca de componentes reutilizables:
Botones
Badges
Default
Success
Warning
Error
Inputs
Cards
Card Title
Card description text.
Featured Card
Highlighted content.
Prototipo Mobile
Mockup interactivo de aplicación:
9:41
Dashboard
Bienvenido, Usuario
Proyecto A
En progreso · 75%
Proyecto B
Completado · 100%
Proyecto C
Pendiente · 0%
Home
Proyectos
Mensajes
Perfil
Iconografía
Selección de iconos Bootstrap Icons:
house
person
gear
search
bell
envelope
heart
star
check
x
plus
trash
Herramientas de Diseño
Figma
Adobe XD
Sketch
InVision
Principle
Zeplin
Photoshop
Illustrator