01 — Paleta Azury

Una paleta diseñada para la profundidad, el contraste tecnológico y la jerarquía de información crítica.

#070C12 Deep Space Primary Background

#0891B2 Azul Azury Action & Brand Mark

#00C8FF Turquesa Highlights & States

#0A4A6A Azul Oscuro Connectivity & UI

#101922 Surface Elevated Cards

#1A2A3A Surface 2 Higher Elevation

#7A8A9A Plata Muted Text

#E6F7FF Primary Text Default

02 — Selección Tipográfica

Montserrat Bold

Titulares y marca — geométrica, con carácter tecnológico

Aa

El motor de agentes de tu operación.

Montserrat Medium

Interfaz y cuerpo — eficiente y altamente legible

Aa

El motor de agentes de tu operación.

Montserrat SemiBold

Institucional — autoridad y solidez de marca

Aa

El motor de agentes de tu operación.

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 formulario
Overline — 12px Uppercase · Categorías y secciones

03 — Buttons

Primary

Secondary

Ghost

As Link

Ir al portal →

04 — Badges & Tags

Badges

Neural Violet Synthetic Blue Iruz Glow Subtle

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.

06 — Dividers

Con etiqueta

Sistema Operacional