Vistas del canvas

Sistema, maquetas, ilustración y Pintar.

El selector agrupa: Modo de extracción, Sistema de diseño, Maquetas y Vistas previas. Cambia de vista para encontrar conflictos que un swatch aislado no muestra.

Sistema

  • Guía de estilo — muestras de color + tipografía.
  • Escala tipográfica — jerarquía aplicada.
  • Colores — roles, derivados y sistema completo.

Maquetas

  • Dashboard · Landing · Reproductor · Analytics (contexto oscuro).
  • Clic en un elemento → popover para editar el token semántico (OKLCH + contraste).

Vistas previas

  • Ilustración — composición generativa SVG; «Otra composición».
  • Pintar — paleta como pigmento (Gouache, Acuarela, Óleo); exploratorio, sin roles ni contraste.

Qué mirar

  • Jerarquía fondo/superficie, legibilidad, peso del primario.
  • Dashboard vs. Landing para densidad distinta.