ui/tokens
Tokens de interfaz
Todo lo que esta página muestra sale de ui-tokens.json. La guía para personas está en /UI.md.
Read as Markdownrules
- 01Urbanist 400 siempre; jerarquía por tamaño y color, nunca por peso.
- 02Etiquetas de sistema en Ubuntu Mono 400 mayúsculas espaciadas.
- 03Radio 0 en todo.
- 04Un solo acento: #FE4A23.
- 05Logo e iconos sólo del kit (/brand-spec.json, /icons/nu/manifest.json, nombres nu_<inglés>).
- 06Datos reales o se oculta la sección; español con tuteo y los formatos de la persona, sin términos internos ni HTML crudo.
- 07Kōdo a un clic desde cualquier pantalla.
- 08Pantallas armadas con los patrones aprobados de /kit/kit.json.
color
- accent#FE4A23
- accentHover#e53d18
- accentSoft#fff1ec
- ink#11183a
- inkDeep#0A0E27
- muted#6b7080
- faint#9a9ca8
- background#f8f9fa
- surface#ffffff
- border#e8e6e0
- divider#efede8
- online#2f9e5b
- cream#f5f3ec
- backgroundDot#e1e5e8
- warmNeutral#f4f4f1
color.feedback · light and dark
Product notices (badges, alerts, states). They are not brand: never in logos, main buttons or large surfaces.
- success#16a34a · #1DC959
- info#0ea5e9 · #6AB5FB
- warning#f59e0b · #FBB56A
- error#dc2626 · #FF5757
type scale · urbanist 400
caption · 13Your business, in order
body · 15Your business, in order
lead · 20Your business, in order
number · 30Your business, in order
title · 40Your business, in order
hero · 72Your business, in order
measures
- radius
- 0
- border
- 1px solid #e8e6e0
- content width
- 1120 px
- side menu
- 232 px · collapsed 64 px
- phone margin
- 16 px
- row height
- compact 40 · list 48 · tile 56