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.
02 — Selección Tipográfica
Aa
El sistema nervioso central del Real Estate.
Aa
El sistema nervioso central del Real Estate.
Aa
El sistema nervioso central del Real Estate.
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
03 — Buttons
04 — Badges & Tags
Badges
Tags
05 — Cards
Neural Surface
Superficie base para contenido estructurado. Borde violeta sutil y highlight superior.
Hover para ver el efecto
Levitación con glow violeta al hacer hover. Ideal para grids de features.
Glassmorphism
Backdrop blur con fondo semi-transparente. Para overlays y modales.