Iruz
Labs
Design System · v1.0
01 — Cromatismo Vital
Una paleta diseñada para la profundidad, el contraste tecnológico y la jerarquía de información crítica.
#0A0C10 Deep Space Primary Background
#8B5CF6 Neural Violet Action & Brand Mark
#3B82F6 Synthetic Blue Connectivity & UI
#A78BFA Iruz Glow Highlights & States
#111318 Surface Elevated Cards
#F0F0F5 Primary Text Default
Tipografía
02 — Selección Tipográfica
Aa
El sistema nervioso central de tu CRM.
Aa
El sistema nervioso central de tu CRM.
Aa
El sistema nervioso central de tu CRM.
Display — clamp(36px → 72px)
Heading 1 — clamp(30px → 48px)
Heading 2 — clamp(24px → 36px)
Heading 3 — clamp(20px → 30px)
Subheading — clamp(18px → 20px)
Body — 16px · Legibilidad óptima para párrafos de contenido extenso.
Body SM — 14px · Texto secundario, metadatos y descripciones cortas.
Caption — 12px · Notas al pie, timestamps, información auxiliar.
Label — 14px Semibold · Etiquetas de formularioOverline — 12px Uppercase · Categorías y secciones
Componentes
03 — Buttons
04 — Badges & Tags
Badges
Neural Violet Synthetic Blue Iruz Glow Subtle
Tags
Brand Blue Glow Success Warning Error
05 — Cards
Default
Neural Surface
Superficie base para contenido estructurado. Borde violeta sutil y highlight superior.
Hoverable
Hover para ver el efecto
Levitación con glow violeta al hacer hover. Ideal para grids de features.
Glass
Glassmorphism
Backdrop blur con fondo semi-transparente. Para overlays y modales.
Dividers
06 — Dividers
Con etiqueta
Sistema Operacional