NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Growth Acertijo** (agencia digital) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo oscuro #0a0a0a, texto principal #ffffff, acento #ff6a00, gris suave #f5f5f5.
- **Tipografía**: Headings con `font-bold` y `font-sans` (Google Font "Inter"), cuerpo con `font-normal` y `font-sans` (Inter).
- **Header**: barra superior fija con logo a la izquierda, botón "MENU" que abre un overlay a pantalla completa con enlaces (Home, Project, About, Journal, Contact) y fondo semi‑transparente negro. Social icons (Instagram, Twitter, LinkedIn, Dribbble, Facebook) aparecen en la parte inferior del overlay.
- **Hero**: sección
3.908 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.908 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 Hero con logo, menú overlay y vídeo de presentación
- 1.2 Servicios (Concept, Strategy, Ecommerce, Graphic Design) en grid de 4 columnas
- 1.3 Texto "What we do" y foto ilustrativa
- 1.4 Sección con título destacado y botón "Book A Free Kick‑Off Call!"
- 1.5 Galería de proyectos destacados (tarjetas con imagen, título y categoría)
ABOUT
- 2.1 Historia y valores de la agencia
- 2.2 Equipo con fotos y breves bios
- 2.3 Testimonios en carrusel
SERVICES
- 3.1 Listado completo de servicios con descripción ampliada
- 3.2 Caso de estudio resaltado
PROJECTS
- 4.1 Grid de todos los proyectos con filtro por categoría
- 4.2 Paginación
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Sidebar con categorías y archivo
CONTACT
- 6.1 Formulario de contacto básico (nombre, email, mensaje)
- 6.2 Información de dirección y teléfono
- 6.3 Mapa embed
FOOTER
- 7.1 Enlaces de navegación rápida
- 7.2 Iconos de redes sociales
- 7.3 Derechos de autor y política de privacidad
PROMPTS RELACIONADOS · DIGITAL AGENCY
