NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Growth Nimbo** (agencia digital) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir el diseño y la estructura del sitio analizado, respetando los siguientes requisitos:
---
### Paleta de colores
- Fondo principal: **#FFFFFF**
- Texto principal: **#111111**
- Accent naranja: **#F97316** (usado en botones, resaltados y detalles)
- Gris claro para separadores: **#E5E7EB**
---
### Tipografía
- Fuente principal: **Inter**, carga desde Google Fonts (`<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">`).
- Peso 700 para títulos, 600 para subtítulos y 400 para cuerpo.
---
### Header (persistente)
- Contenedor `nav` con
5.370 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.370 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, menú desplegable en móvil y escritorio, botón primario ‘Book a Call’
- 2.1 Hero: columna izquierda con botón secundario y descripción, columna derecha con título destacado ‘Growth Hacking.’
- 3.1 Separador decorativo entre hero y siguiente bloque
- 4.1 Imagen de fondo con textos superpuestos: ‘Push Limits’, ‘Pull Together’, ‘and Unite the Culture.’
- 5.1 Footer: logo pequeño, enlaces de navegación (Home, About, Service, Blog, Contact, Work), enlaces legales y redes sociales
- 1.1 Header\n- 2.1 Lista de artículos en cards con imagen, título y extracto\n- 3.1 Sidebar con categorías y últimos posts\n- 4.1 Footer\nCONTACT
- 1.1 Header\n- 2.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar\n- 3.1 Mapa incrustado y datos de contacto\n- 4.1 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
