System · v 1.0.0 · build 2026.05

El sistema del que está hecho este sitio.

Una página que documenta cada token, primitivo y curva de movimiento que usamos en omnitech.com.co.

Color · 13 tokens

Paleta restringida. Acentos ganados.

01 / 04

ink

#0C0819
Surface 0 · página

surface-elevated

#15102A
Surface 1 · cards

surface-sunken

#08051A
Inputs · sunken

midnight

#372062
Atmospheric mid

violet

#4313B4
Brand · accent

mint

#82FFC7
Live · success · focus

nova-low

#1F103B
Gradient stop

nova-mid

#6439AF
Gradient stop

nova-high

#4500F9
Gradient stop

bone

#F7F3FF
Text on dark · primary

text-secondary

#C9C3E0
Text · secondary

text-muted

#8A85A8
Text · tertiary

border-default

rgba(247,243,255,0.10)
Hairlines
Tipografía · 7 escalones

Geist para la voz, Geist Mono para los recibos.

02 / 04
Display 72
Geist · 500 · −0.02em
Rechazamos el juego de volumen
Display 48
Geist · 500 · −0.02em
Rechazamos el juego de volumen
Display 32
Geist · 500 · −0.02em
Rechazamos el juego de volumen
Display 24
Geist · 500 · −0.01em
Rechazamos el juego de volumen
Lede 18
Inter · 400 · 1.55
Rechazamos el juego de volumen
Body 16
Inter · 400 · 1.55
Rechazamos el juego de volumen
Caption 12
Geist Mono · 500 · 0.14em uppercase
TIPOGRAFÍA · MONO CAPTION
Componentes · primitivos

Botones, badges, cards, inputs.

03 / 04
Buttons
btn-primary | btn-outline | btn-ghost
Badges & status
badge | badge.live | tag
Live en producción SOC 2 Type II TypeScript
Inputs
input | textarea | select
Card
card | card.elevated
CARD · ELEVATED
Surface 1 sobre Surface 0
Eyebrow
.eyebrow + .dot
Eyebrow de ejemplo · meta · v 1.0
Link
.link con flecha ::after
Motion · 3 duraciones

Una sola curva de easing. Tres duraciones.

cubic-bezier(0.16, 1, 0.3, 1)

04 / 04
micro
200ms
hover, focus, tap, micro-interacciones
section
500ms
reveal de sección, page transitions
max
800ms
momentos de marca · nunca más
Tomando proyectos

Construyamos juntos.

Cuéntanos la forma del proyecto, el plazo, la restricción que aún no conocemos. Respondemos dentro del día hábil siguiente.

Tiempo de respuesta
Dentro del día hábil siguiente
Discovery
Sin costo
Disponibilidad
Inmediata