Tarea 2: Definir un design system y dirección de arte para una web con ChatGPT Business

Actúa como director de arte y diseñador de sistemas con experiencia en branding digital para empresas de servicios y tecnología. A partir del siguiente brand book y referencias visuales, define un design system completo para la web de [empresa]. DOCUMENTOS A ADJUNTAR: - Brand book: [adjunta] - Referencias visuales (URLs o capturas): [adjunta o describe — ej. "estilo similar a Linear.app, Stripe, Notion"] - Sector: [sector] | Público objetivo: [descripción del usuario ideal] ENTREGA COMPLETA: 1. PALETA DE COLOR: primario, secundario, acento, neutros y estados (error, warning, success) con códigos HEX, OKLCH y uso específico de cada uno 2. TIPOGRAFÍA: fuente principal y secundaria (Google Fonts preferiblemente), escalas de tamaño (H1-H6, body, caption, label), pesos y usos específicos 3. ESPACIADO: sistema de grid (columnas, gutters, márgenes para desktop/tablet/móvil), escala de espaciado (base 4px o 8px) 4. COMPONENTES BASE: botones (estados: default, hover, active, disabled, loading), inputs, cards, badges, navegación, footer 5. DIRECCIÓN DE ARTE: estilo fotográfico (descripción en 3-4 frases), estilo de ilustración o iconografía, tratamiento de imágenes (filtros, overlays, aspect ratios) 6. PRINCIPIOS DE COMPOSICIÓN: reglas de layout, jerarquía visual, uso del espacio negativo, densidad de información por sección 7. DON'TS: 5-7 reglas de lo que NO hacer para mantener coherencia de marca 8. TOKENS DE DISEÑO: tabla de variables CSS con nombres semánticos listos para implementar Formato de entrega: documento estructurado + tabla de tokens CSS. Idioma: español. RESTRICCIONES Y CONDICIONES: - El design system generado por IA es un punto de partida; necesita validación del director creativo y del cliente antes de implementarse. - No implementes el design system sin aprobación del cliente. - No uses fuentes de pago sin verificar que el cliente tiene la licencia correspondiente. Copiar prompt