Flujo del estudio

Cuatro momentos en el mismo workspace.

Inspiración → ajuste en panel Colores → guía de marca → revisión y export. Tras crear la guía, el botón desaparece y Ctrl/⌘+Enter ya no aplica: el snapshot queda fijado para previews y export.

1. Inspiración

  • Estado vacío: «Elegir estilo curado» o subir imagen (JPG/PNG/WebP, máx. 5 MB, solo local).
  • Cambiar de estilo a imagen o viceversa desde el panel Colores.

2. Ajuste

  • Panel lateral Colores: pestañas Sistema y Acentos; bloque de imagen al inicio.
  • Canvas: paleta por columnas, vistas del sistema y maquetas.
  • Footer «Ver guía de marca» con progreso (X de 7 roles listos).

3. Guía de marca

Congela el sistema derivado (tokens, escalas, estados). Es el momento para revisar tipografía y maquetas antes de exportar.

4. Export

  • Menú Exportar en el header cuando existen primary, background y on-background.
  • Si falta alguno, el botón muestra «Falta: …».

Layout

  • Desktop (≥1280px): barra lateral fija Colores / Tipografía.
  • Móvil/tablet: dock inferior con Imagen, Colores y Tipografía.