TU MARCA / FICHA DE DISEÑO PARA CODEX

RELLENA UNA VEZ
Producto y resultado que ofrece:
Público y problema concreto:
Nombre de TU marca y logo, si existe:
Referencias visuales propias o enlaces que quieras usar como inspiración:
Sensación deseada: sobria, energética, cercana, técnica u otra:
Estilos que quieres evitar:
CTA principal y precio real:

DIRECCIONES VISUALES / EJEMPLOS ADAPTABLES
Tecnología: fondo #0B1220, texto #F8FAFC, acento #2563EB.
Composición: cabecera dividida, captura grande del producto, pasos y tarjetas.
Creativo: fondo #FFF7ED, texto #1C1917, acento #C2410C.
Composición: titular editorial, producto en primer plano y bloques asimétricos.
Editorial: fondo #FFFFFF, texto #111827, acento #6D28D9.
Composición: retícula limpia, títulos amplios, módulos numerados y precio claro.
Usa texto blanco en los botones de estas tres paletas. Verifica el contraste
si cambias colores, transparencia, estado hover o tamaño. Son sugerencias
de diseño, no estilos con ventas o conversiones demostradas.

ACABADO PROFESIONAL Y LLAMATIVO
1. Un protagonista: el producto o resultado que vas a entregar. Usa una captura,
   una vista del PDF o un mockup fiel. Evita adornos que oculten qué se vende.
2. Un acento para la acción principal. Repite el mismo estilo de compra;
   deja el recurso gratuito con menor peso visual. El rojo es opcional.
3. Máximo dos familias tipográficas y una jerarquía clara. Como punto de partida:
   cuerpo 16-18 px, subtítulos 22-30 px y hero adaptable de 40-72 px.
   Ajusta a móvil y longitud real; los tamaños no sustituyen comprobar legibilidad.
4. Alinea tarjetas, iconos y márgenes. Puedes combinar una retícula de tarjetas
   de distintos tamaños con una sección de pasos y una oferta final destacada.
5. Efectos opcionales: elevación de 2-4 px al pasar el ratón, reflejo discreto
   o aparición al hacer scroll. El contenido debe verse también sin animación.
   Un objeto 3D solo si mejora la presentación y conserva un respaldo estático.
6. Beneficio concreto arriba, entregables verificables, precio y compra visibles.
   Muestra el producto antes de pedir el pago. No inventes testimonios,
   contadores de urgencia, cifras de conversión ni resultados de compradores.
7. Comprueba móvil, teclado, foco, carga, contraste y reducción de movimiento.
   WCAG AA requiere 4.5:1 para texto normal y 3:1 para texto grande, con sus
   excepciones. No declares toda la página accesible por revisar solo colores.

INDICACIÓN PARA TU PROMPT MAESTRO 01
Adjunta esta ficha y tus referencias. Pide a Codex una sola dirección justificada
para TU producto, sin imponer negro, rojo, metal ni el logo de SKILL ISSUE.
Si faltan datos esenciales, que agrupe las preguntas y continúe con lo que sepa.
Debe mostrar una vista previa real y marcar qué pruebas ha ejecutado.
La conversión se mide con visitas y compras; ninguna paleta la garantiza.

Fuentes: S7 y S8 en FUENTES.txt. Consultadas el 5 de noviembre de 2026.
© 2026 SKILL ISSUE. Todos los derechos reservados.
