Foundations

Los fundamentos del sistema Orali: color, tipografía, spacing y tokens que garantizan consistencia entre Figma y el sitio.

• 
  Design tokensLas decisiones de diseño como variables, en tres capas.
• 
  ColorPaleta de marca y colores con intención: superficie, texto, acción y feedback.
• 
  TipografíaUna familia, una escala de tamaños y estilos listos para usar.
• 
  IconografíaÍconos de línea de Lucide, en siete tamaños y con color por token.
• 
  SpacingEscala base 4 para espacios, tamaños de control y breakpoints.
• 
  RadiusEsquinas rectas, suaves o totalmente redondeadas.
• 
  ElevationSombras para separar superficies del fondo.
• 
  LayerEl orden en que se apilan header, menús, drawers y modales.
• 
  MotionCuánto dura y cómo se mueve cada transición.
• 
  BorderGrosores y colores de borde para separar, marcar y enfocar.