NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Growth Boreal" (growthboreal.com) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Replicar el diseño visual y la estructura del sitio proporcionado, pero con contenido original en español de España.
**ALCANCE**
- Header: barra de navegación fija, fondo transparente, logo (texto placeholder) a la izquierda y botón hamburguesa a la derecha que abre un menú overlay con enlaces a #home, #about, #services, #projects, #contact.
- Footer: zona mínima con copyright y enlaces a política y redes (placeholder).
- Home:
1. Hero a pantalla completa con fondo oscuro y texto centrado: título grande, subtítulo, párrafo breve y botón "Descubre más". A la derecha, una cuadrícula de 5 imágenes de alta calidad (usa Unsp
4.834 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.834 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 Navbar transparente con logo y menú hamburguesa
- 1.2 Hero: título principal, subtítulo, párrafo breve, galería de cinco imágenes y marquee repetitivo
- 1.3 Sobre nosotros: texto inspirador, contadores animados (años, clientes, proyectos)
- 1.4 Servicios: video de fondo, cuatro tarjetas numeradas (3D, Web, Diseño gráfico, Copywriting) con descripción
- 1.5 Proyectos: sección rotativa con fondos que se deslizan y líneas decorativas
ABOUT
- 1.1 Navbar (reutilizado)
- 1.2 Texto ampliado sobre la filosofía
- 1.3 Equipo (opcional, no presente en original)
SERVICES
- 1.1 Navbar
- 1.2 Encabezado “Qué ofrecemos” y párrafo introductivo
- 1.3 Vídeo de fondo a pantalla completa
- 1.4 Cuatro tarjetas con número, título y descripción
PROJECTS
- 1.1 Navbar
- 1.2 Galería rotativa con animación de desplazamiento lateral y líneas decorativas
- 1.3 Botón ver más (placeholder)
CONTACT
- 1.1 Navbar
- 1.2 Formulario de contacto simple (nombre, email, mensaje)
- 1.3 Información de contacto y mapa embebido (placeholder)
PROMPTS RELACIONADOS · DIGITAL AGENCY
