NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lumenia Studio** (agencia creativa y desarrollo digital) usando solo HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y patrones visuales del sitio analizado: barra de navegación fija con logo a la izquierda, menú principal con items y dropdowns, icono de carrito con contador; hero amplio con título grande, subtítulo y botón principal; bloque de servicios en una cuadrícula de 4 columnas con iconos y breves descripciones; galería de proyectos en grid responsivo (3 columnas en desktop, 2 en tablet, 1 en móvil) con hover zoom; sección de testimonios en carrusel simple (JS vanilla); tarjetas de precios/planes (3 columnas) con botón de llamado a la acción; sección final con form
4.334 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.334 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, menú principal y carrito
- 1.2 Hero con título grande, subtítulo y botón principal
- 1.3 Cuadrícula de servicios destacados (4 columnas)
- 1.4 Portafolio de proyectos en grid responsive (3 columnas)
- 1.5 Testimonios con carrusel sencillo
- 1.6 Sección de precios/planes con tarjetas
- 1.7 Llamada a la acción final y formulario de suscripción
- 1.8 Footer con enlaces útiles, contacto y redes sociales
SOBRE NOSOTROS
- 2.1 Encabezado de página con imagen de fondo y título
- 2.2 Texto descriptivo de la agencia y valores
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 CTA a proyectos
- 2.5 Footer replicado
SERVICIOS
- 3.1 Listado de servicios con iconos y descripción breve
- 3.2 FAQ en acordeón
- 3.3 CTA a contacto
- 3.4 Footer replicado
PORTAFOLIO
- 4.1 Galería filterable de proyectos en grid
- 4.2 Modal o página individual de proyecto
- 4.3 Footer replicado
BLOG
- 5.1 Lista de artículos en cards con imagen, título y extracto
- 5.2 Paginación simple
- 5.3 Sidebar con categorías y suscripción
- 5.4 Footer replicado
CONTACTO
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado (placeholder)
- 6.3 Información de contacto y teléfono
- 6.4 Footer replicado
PROMPTS RELACIONADOS · DIGITAL AGENCY
