NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completamente autogenerado usando HTML, Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia Codigo Jade.
**Objetivo**: Landing page para un directorio de negocios locales que muestre hero, bloques de características, galerías de demos y páginas internas.
**Stack**: HTML5, Tailwind CSS (v3) vía CDN, JS vanilla para menú móvil y animaciones de scroll.
**Paleta de colores**:
- Primario: #1E3A8A (azul oscuro)
- Secundario: #3B82F6 (azul brillante)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto principal: #111827 (gris casi negro)
- Accent: #FBBF24 (amarillo dorado para resaltados)
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400/500/600 según nece
4.808 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.808 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 Header con logo y menú colapsable
- 2.1 Hero con título destacado, texto descriptivo y botones CTA
- 3.1 Banner ilustrativo con imágenes dobles
- 4.1 Bloque de características (3 tarjetas)
- 5.1 Galería de demos de homepages (2 items)
- 6.1 Galería de páginas internas (varias tarjetas)
- 7.1 Footer con enlaces y datos de contacto
Demos
- 1.1 Header persistente
- 2.1 Grid de tarjetas de demo de homepage
Inner‑Pages
- 1.1 Header persistente
- 2.1 Grid de tarjetas que enlazan a páginas internas (About, Contact, Services, Service Single, Cities)
PROMPTS RELACIONADOS · TECNOLOGÍA