OKAEON Design System

NebulaX Style — Sistema de diseño para estructuras digitales claras y escalables

Paleta de Colores

#270746

Deep

#8931ee

Primary

#83FF83

Green

#374151

Neutral

Tipografía

H1 - Roboto Serif Semibold

El futuro de tu marca empieza aquí

H2 - Roboto Serif Semibold

Traduce lo complejo en estructuras claras

Body - Roboto Serif Regular

En Okaeon, cada idea nace de un sueño: creemos en la innovación como un viaje y en el tiempo como un aliado. No prometemos ilusiones vacías, sino una presencia constante que acompaña, inspira y transforma.

Botones

Cards (Glass Effect)

Card con Header

Las cards utilizan glass morphism con backdrop-blur y border translúcido violeta. Efecto elegante que mantiene legibilidad.

Hover State

Al pasar el cursor, el border se intensifica creando una interacción sutil pero clara.

Inputs

Badges & Status

DefaultPrimarySuccessWarningError

Status Badges (con dot indicator):

Bajo riesgoAtenciónAlto riesgoCliente ActivoEn CursoCompletado

Spacing Scale

4px (spacing-1)

8px (spacing-2)

16px (spacing-4)

24px (spacing-6)

32px (spacing-8)

OKAEON Design System v1.0 — Fase 0 Completada

Todos los componentes son responsive, accesibles y optimizados para performance.