Status: Ready · Source: Aegis Foundations · Languages: es, en · Tokens: 140 · Color format: oklch

Qué es / What it is

ES: Sistema de decisiones cromaticas reutilizables expresadas como tokens (primitivos y semanticos).

EN: System of reusable color decisions expressed as tokens (primitives and semantic).

Para qué sirve / Purpose

ES: Garantiza contraste, significado y consistencia visual entre temas (light/dark).

EN: Ensures contrast, meaning and visual consistency across themes.

Cuándo se usa / When to use

ES: Para superficies, texto, iconos, bordes y estados segun rol semantico.

EN: For surfaces, text, icons, borders and states by semantic role.

Datos del design system

Layers: primitives (source) → semantic (mapped) · Modes: Default / Light+Dark

Swatch (muestra, primeras 24)

Token Light Dark
color/white oklch(0.973 0.007 233.6) oklch(0.973 0.007 233.6)
color/black oklch(0.218 0 89.9) oklch(0.218 0 89.9)
color/primary/50 oklch(0.963 0.02 238.7) oklch(0.963 0.02 238.7)
color/primary/100 oklch(0.891 0.051 267) oklch(0.891 0.051 267)
color/primary/200 oklch(0.814 0.061 266.4) oklch(0.814 0.061 266.4)
color/primary/300 oklch(0.736 0.074 266.2) oklch(0.736 0.074 266.2)
color/primary/400 oklch(0.657 0.085 266.3) oklch(0.657 0.085 266.3)
color/primary/500 oklch(0.579 0.101 266) oklch(0.579 0.101 266)
color/primary/600 oklch(0.483 0.111 265.7) oklch(0.483 0.111 265.7)
color/primary/700 oklch(0.385 0.112 265.9) oklch(0.385 0.112 265.9)
color/primary/800 oklch(0.289 0.106 266.1) oklch(0.289 0.106 266.1)
color/primary/900 oklch(0.192 0.095 266.1) oklch(0.192 0.095 266.1)
color/primary/950 oklch(0.114 0.076 268.2) oklch(0.114 0.076 268.2)
color/secondary/50 oklch(0.953 0.044 80.6) oklch(0.953 0.044 80.6)
color/secondary/100 oklch(0.905 0.063 62.3) oklch(0.905 0.063 62.3)
color/secondary/200 oklch(0.844 0.079 62) oklch(0.844 0.079 62)
color/secondary/300 oklch(0.781 0.094 61) oklch(0.781 0.094 61)
color/secondary/400 oklch(0.718 0.11 62.3) oklch(0.718 0.11 62.3)
color/secondary/500 oklch(0.615 0.13 61.9) oklch(0.615 0.13 61.9)
color/secondary/600 oklch(0.514 0.131 52.8) oklch(0.514 0.131 52.8)
color/secondary/700 oklch(0.41 0.12 43.5) oklch(0.41 0.12 43.5)
color/secondary/800 oklch(0.308 0.111 33.9) oklch(0.308 0.111 33.9)
color/secondary/900 oklch(0.214 0.088 29.2) oklch(0.214 0.088 29.2)
color/secondary/950 oklch(0.131 0.054 29.2) oklch(0.131 0.054 29.2)

CSS completo (primitivos + semanticos) se anade a continuacion.

Figma: https://www.figma.com/design/3XB1EE91Q4GeIKOpdk5WME/Aegis-Foundations