Documento 01
Sistema de diseño
Tokens, primitivos y patrones recurrentes de Keira.
Color
primary-50
primary-100
primary-200
primary-300
primary-400
primary-500
primary-600
primary-700
primary-800
primary-900
primary-950
accent-50
accent-100
accent-200
accent-300
accent-400
accent-500
accent-600
accent-700
accent-800
accent-900
success
warning
danger
info
Tipografía
Aa · 48 / semibold
Aa · 36 / semibold
Aa · 30 / semibold
Aa · 24 / semibold
Aa · 20 / medium
Aa · 16 / normal — Cuerpo general
Aa · 14 / muted — Descripciones
SKU-0042 · 1,234.50 · 2026-05-19
Badges y estados
Default
Nuevo
Pagado
Stock bajo
Vencido
Tip
Outline
ActivoPausadoInactivoEliminadoSincronizando
Avatares
JBMRDKKE
Dinero, cantidades y fechas
Money
Formato MXN con tabular-nums.
$1,234.50−$450.25$0.00+$1,500.00
Quantity
Stock con badge si está bajo o en cero.
12.5kg3pza
Stock bajo
0pzaSin stock
DateTime
Locale es-MX, UTC en el DOM.
Inputs y formularios
Como se mostrará en el catálogo y tickets.
Este SKU ya existe en otro producto.
Feedback
Sincronización en curso
Se están enviando 3 ventas locales al servidor.
Stock bajo en 5 productos
Revisa los productos con stock por debajo del mínimo.
No pudimos guardar el producto
Verifica que el nombre no esté vacío.
Carga
CargandoCargando catálogo…
Iconos de dominio
Ver doc 01 §6.4 — mapeo concepto → icono es ley.
ProductoAgregarBuscarEliminar