NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Luminova Agencia** (agencia digital) usando **HTML**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir fielmente la estructura y estilos del sitio de referencia, sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo SVG, menú principal (Home, About, Service, Blog, Work, Contact) y botón primario "Book a Call".
- Hero section: fondo oscuro con título grande "Growth Hacking.", texto secundario y botón secundario animado.
- Separador decorativo estilo línea/gradient.
- Bloque de imagen hero grande con tres líneas de texto superpuestas (Push Limits / Pull Together / and Unite the Culture).
- Sección de servicios: grid de 3 tarjetas, icono, título, descripción breve, efec
3.934 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.934 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 Barra de navegación fija con logo, enlaces principales y botón de llamada a la acción
- 1.2 Hero principal con título destacado, subtítulo y botón secundario "Book a Call"
- 1.3 Separador visual decorativo
- 1.4 Bloque de imagen de fondo con texto superpuesto en tres líneas
- 1.5 Sección de servicios con tarjetas y efectos hover
- 1.6 Testimonios en carrusel sencillo
- 1.7 Llamada a la acción final con formulario de contacto
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera interna con título "Sobre nosotros" y breadcrumb
- 2.2 Texto descriptivo de la agencia y misión
- 2.3 Equipo en tarjetas con foto, nombre y rol
- 2.4 Valores destacados en bloques icónicos
- 2.5 Footer común
SERVICE
- 3.1 Cabecera interna con título "Servicios"
- 3.2 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.3 Sección de proceso paso a paso
- 3.4 CTA para solicitar una propuesta
- 3.5 Footer común
WORK
- 4.1 Cabecera interna con título "Portafolio"
- 4.2 Galería tipo grid de proyectos con imagen y overlay de título
- 4.3 Filtro por categoría
- 4.4 CTA a caso de estudio completo
- 4.5 Footer común
BLOG
- 5.1 Cabecera interna con título "Blog"
- 5.2 Lista de artículos en tarjetas con imagen, categoría, fecha y extracto
- 5.3 Paginación simple
- 5.4 Sidebar con categorías y suscripción al newsletter
- 5.5 Footer común
CONTACT
- 6.1 Cabecera interna con título "Contacto"
- 6.2 Formulario de contacto (nombre, email, asunto, mensaje)
- 6.3 Mapa incrustado
- 6.4 Información de contacto y redes sociales
- 6.5 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
