Kits de Diseño
Kits de marca, críticas de UI y notas de handoff.
Kit de estudio de diseño
Kits de marca, críticas puntuadas y chequeos de lanzamiento para que la UI hecha con IA no se vea genérica.
Antes: Orbit, analítica de producto para equipos B2B. Nuestra página de precios hecha en Lovable se ve como la de cualquier otra startup de IA, y nuestro único diseñador trabaja a tiempo parcial. Queremos arreglarla y que siga arreglada.
Después: Página de precios: de 18/35 a 25/35 en dos semanas, de Rehacer a Corregir y lanzar. Semana 1: kit de marca Orbit v1.0 entregado como tokens de Tailwind; la primera revisión del viernes fijó la línea base. Semana 2: texto atenuado corregido (de 3.75 a 6.96:1) y un solo botón primario, ambas correcciones de Esfuerzo 1. Semana 3: el dot detectó una imagen de lanzamiento fuera de marca antes de que la redimensionaran. Deuda de diseño: 7 issues abiertos, 6 cerrados. Del brief a la página aprobada: 3 días.
Bot de estudio de diseño
Un compañero en Grok que puntúa tus páginas publicadas cada viernes y redacta las correcciones.
Antes: Rutina: Revisión semanal de diseño, vie 9 oct, 15:00 America/New_York. Cuatro URL de la lista de revisión en Notion: inicio, precios, onboarding (staging), ajustes (staging).
Después: Precios sube 7 hasta 25/35, inicio 29/35, onboarding nuevo con 20/35 (Rehacer). Nuevo bloqueo: el "Continue" de onboarding es #FFFFFF sobre #8B5CF6, 4.23:1, y el violeta está fuera de marca (esperado --primary #C2410C, 5.18:1). Sin revisar: ajustes, requiere inicio de sesión. Redactado: un post en #design y 3 issues de Linear. DECISIÓN: ¿aprobar todo, solo Slack, solo issues u omitir?
Dot de estudio de diseño
Tu dot revisa cada recurso de lanzamiento contra tu kit de marca antes de que salga.
Antes: Nuevo en Google Drive, Launches/Lumen 2.0: lumen-2-og.png. Priya en #launch-lumen-2: "¡La imagen OG es final! ¿Alguien puede redimensionarla para X y LinkedIn?"
Después: Corregir y lanzar (3 Fuera de marca, 2 Desvío). El titular está en Playfair Display 700, no en Instrument Serif; el texto blanco sobre cielo claro da unos 1.9:1 [verificar]; "Used by 12,000 photographers" no tiene fuente [confirmar]. El redimensionado queda en espera. DECISIÓN: ¿responder en el hilo de Priya con las correcciones? Borrador listo. Plazo: 12:00 America/Los_Angeles.
Skill de estudio de diseño
Tokens de marca, specs de página y críticas puntuadas para que la UI hecha con IA no se vea genérica.
Antes: Nuestro hero, hecho en v0: degradado de violeta a azul, H1 centrado "Supercharge Your Workflow", subtítulo #94A3B8 sobre el degradado, dos botones tipo píldora, seis tarjetas de funciones con emojis debajo. ¿Esto parece hecho con IA?
Después: Puntuación: 15/35 Veredicto: Rehacer Señales genéricas detectadas: degradado violeta, todo centrado, sopa de tarjetas, iconos emoji, copy exagerado. 1. Accesibilidad: subtítulo #94A3B8 sobre #7C3AED da 2.22:1. Corrección: hero sólido #FBFAF7, subtítulo #5A635E (5.95:1). Prioridad 9 2. Jerarquía: dos botones píldora iguales. Corrección: un botón bg-primary, el otro un enlace de texto. Prioridad 9 3. Color: elimina el degradado; un primario plano, solo para acciones. Prioridad 6
Los Kits de diseño convierten un brief corto en un kit de marca y en specs de páginas y componentes, evalúan pantallas con una rúbrica clara y redactan las notas de handoff. Están pensados para evitar los rasgos típicos del diseño genérico hecho con IA.