NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
---
## Protocolo de construcción por bloques
Construye el HTML sección a sección, en el orden exacto de la captura. Tras cada bloque, compáralo con su zona de la imagen (estructura, columnas, espaciados, radios, colores) y corrígelo antes de pasar al siguiente. No avances con un bloque que no coincida.
## Regla anti-invención
Si la captura y este prompt se contradicen en algo visual, manda la captura. Si un dato visual no está especificado, derívalo de la captura; nunca lo inventes. Los textos sin sentido de la captura (errores tipográficos de IA) NO se copian: redacta textos coherentes en español manteniendo longitud y jerarquía visual equivalentes. Única excepción: el footer obligatorio de Design Prompting del final de este prompt se añade siempre.
## Checklist de fidelidad (antes de
1.560 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
1.560 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación fija con logo central, enlaces y botón primario.
- 2.1 Hero de introducción con título destacado, subtítulo, botones de acción y enlace a archivo Figma.
- 3.1 Cuadrícula de presentación de tres plantillas Home (imagen, icono, número).
- 4.1 Cuadrícula adicional con una muestra de portfolio (imagen, icono, número).
ABOUT
- 1.1 Sección de encabezado con título y descripción de la agencia.
- 1.2 Equipo destacado con fotos y breves biografías.
- 1.3 Valores y proceso de trabajo en bloques de iconos.
PORTFOLIO
- 1.1 Galería de proyectos en rejilla de tarjetas, cada una con imagen, título y categoría.
- 1.2 Filtro de categorías interactivo.
- 1.3 Botón “Ver detalle” que abre un modal de proyecto.
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 1.2 Información de contacto y mapa incrustado.
- 1.3 Botón de envío con efecto hover.
FOOTER
- 1.1 Área de enlaces rápidos (Home, About, Portfolio, Contact).
- 1.2 Redes sociales con iconos animados.
- 1.3 Copyright y política de privacidad.
PROMPTS RELACIONADOS · PORTFOLIO
