Foundations

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

• 
  Design tokensLas decisiones de diseño como variables, en capas.
• 
  ColorPaleta de marca y colores con intención: superficie, texto, borde y feedback.
• 
  TipografíaFamilias, pesos, tamaños e interlineados.
• 
  SpacingEscala base 4 para espacios.
• 
  RadiusEsquinas rectas, suaves o totalmente redondeadas.
• 
  ShadowSombras para separar superficies del fondo y el anillo de foco.
• 
  BorderGrosores de borde.
• 
  OpacityOpacidades para estados deshabilitado, hover y overlay.
• 
  MotionCuánto dura y cómo se mueve cada transición.
• 
  SizeTamaños mínimos de toque, íconos y contenedores.