Skip to content

Instantly share code, notes, and snippets.

@sebawong
sebawong / style-transfer-brief.md
Created May 19, 2026 12:52
Style & UX transfer brief — sistema de diseño portable (color HSL, tipografía, componentes, motion, voz)

Brief de transferencia — Estilo artístico & UX

Sistema de diseño portable. Fuente de verdad de color = HSL (como vive en CSS). Hex = aproximación de conveniencia.

1. Norte creativo (la intención, no solo los tokens)

"El Estudio Comercial". Herramienta editorial donde un operador no técnico pasa horas trabajando. Debe sentirse hecha con criterio, no un template autogenerado.

  • La tipografía hace el trabajo pesado — jerarquía por escala + peso + color, nunca por sombra/gradiente.
  • Flat por defecto — superficies planas en reposo; la elevación es respuesta a un estado (hover/modal), no decoración.
  • Densidad calibrada por contexto — listados densos para escanear; workspaces que respiran para concentrarse.
  • Voz cálida pero profesional, español neutro (es-AR), tuteo.