NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Growth Zenit" (agencia digital) usando solo un archivo HTML. Utiliza Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores**:
- Fondo principal: #0A0A0A (negro profundo)
- Texto principal: #FFFFFF (blanco)
- Acento primario: #E0A500 (dorado cálido)
- Acento secundario: #1E1E1E (gris oscuro)
- Hover/active: #F2F2F2 (gris claro)
**Tipografía**:
- Fuente principal: "Inter", sans-serif (carga desde Google Fonts).
- Títulos en peso 700, cuerpo en 400.
**Estructura**:
1. **Navbar** (fixed, full width, dark background) con logo minimalista (texto "Growth Zenit"), enlaces numerados (01 Home, 02 Studio, 03 Projects, 04 Services, 05 Blog) y botón destacado "Get in Touch" con icono de estrella dorada. Menú col
4.558 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.558 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 con logo, enlaces numerados y botón de contacto
- 1.2 Hero con título, subtítulo y video de fondo a pantalla completa
- 1.3 Bloque de enlaces sociales bajo el hero
- 1.4 Footer minimalista con información de derechos y enlaces de navegación
ABOUT
- 2.1 Cabecera con título de página y descripción breve
- 2.2 Sección de historia con texto y presentación de equipo
- 2.3 Imagen decorativa a la izquierda del texto
- 2.4 Footer reutilizado
PROJECTS
- 3.1 Cabecera con título y filtro de categorías
- 3.2 Grid de proyectos con tarjetas hover animadas
- 3.3 Modal de detalle del proyecto (simulado)
- 3.4 Footer reutilizado
SERVICES
- 4.1 Cabecera con título y descripción corta
- 4.2 Lista de servicios en tarjetas con iconos
- 4.3 CTA para solicitar presupuesto
- 4.4 Footer reutilizado
BLOG
- 5.1 Cabecera con título y breves textos introductorios
- 5.2 Grid de artículos con imágenes y extractos
- 5.3 Paginación simple
- 5.4 Footer reutilizado
CONTACT
- 6.1 Cabecera con título y breve mensaje de bienvenida
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Información de contacto y mapa embebido
- 6.4 Footer reutilizado
PROMPTS RELACIONADOS · AGENCIA DIGITAL
