NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La marca ficticia es Agencia Nimbo (agencianimbo.com). El proyecto debe reproducir el diseño visual y la estructura del sitio analizado, sin copiar texto ni imágenes originales. Usa una paleta de colores basada en los siguientes hex:
- #0A0A0A (fondo principal negro carbón)
- #FFFFFF (texto principal)
- #FF6B6B (acento rojo coral)
- #1E90FF (acento azul vibrante)
- #F5F5F5 (gris claro para secciones)
Tipografía: Inter (sans-serif) para cuerpo y encabezados, peso 400‑700, tamaños responsivos (h1 4rem, h2 2.5rem, p 1rem).
Estructura de la página HOME:
1. Navbar sticky con logo (SVG genérico), enlaces duplicados para efecto hover (texto normal y texto desplazado), botón hamburguesa para móvil qu
4.218 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.218 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 fijo con logo, enlaces duplicados para hover, y botón de menú móvil
- 1.2 Hero con fondo abstracto, heading dividido en dos columnas, iconos decorativos y imágenes superpuestas, texto animado y marquee de frase repetida
- 1.3 Bloque About con imagen lateral, título destacado y texto descriptivo
- 1.4 Servicios con título principal y grid de 6 tarjetas, cada una con imagen, título y efecto hover
- 1.5 Footer simplificado con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Header conservando navbar
- 2.2 Sección introductoria con gran titular y subtítulo
- 2.3 Texto de misión y visión en columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 CTA de contacto
SERVICES
- 3.1 Header con navbar
- 3.2 Lista de servicios en bloques expandibles o tarjetas
- 3.3 Caso de estudio destacado
- 3.4 Formulario de solicitud rápida
- 3.5 Footer
CASE STUDIES
- 4.1 Navbar
- 4.2 Grid de estudios con imagen, título y breve descripción
- 4.3 Detalle de estudio con texto largo y resultados
- 4.4 CTA a contacto
- 4.5 Footer
CONTACT
- 5.1 Navbar
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado
- 5.4 Información de oficina y redes sociales
- 5.5 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
