NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño visual y la estructura de la plantilla analizada, utilizando los siguientes requisitos:
Marca ficticia: Lúmina Península (luminapeninsula.com, email hola@luminapeninsula.com, claim "Plantilla flexible para proyectos de influencers y creadores", año 2026).
Alcance: una landing page principal (HOME) y las secciones básicas (About Us, Services, Portfolio, Contact Us) con la misma arquitectura de bloques que la original.
Stack: HTML5 único archivo, Tailwind CSS vía CDN (`https://cdn.tailwindcss.com`), JavaScript vanilla embebido al final del body (para el menú móvil, toggles de mega‑menu y animaciones de barras de progreso). No usar frameworks externos.
Paleta de colores (extraído del original):
- Fondo principal: #0A0A0A (casi negro)
-
4.437 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.437 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, menú desplegable y botón de contacto
- 1.2 Hero con título destacado, subtítulo y captura de pantalla
- 1.3 Bloque de demos (tarjetas enlazadas a Home 1, Home 2, Home 3)
- 1.4 Sección Ultra performance (barras de progreso para PageSpeed, Performance Grade, etc.)
- 1.5 Sección Key features (íconos + título + descripción)
- 1.6 Footer simple (texto de contacto, enlace de email)
ABOUT US
- 1.1 Navbar (reutilizable)
- 1.2 Hero secundario con título y descripción breve
- 1.3 Historia o misión en bloques de texto e imagen
- 1.4 Equipo en grid de tarjetas
- 1.5 Footer
SERVICES
- 1.1 Navbar
- 1.2 Lista de servicios en tarjetas con íconos
- 1.3 Detalle de cada servicio en sección expandible
- 1.4 CTA de contacto
- 1.5 Footer
PORTFOLIO
- 1.1 Navbar
- 1.2 Galería de proyectos en grid responsive
- 1.3 Filtro por categoría
- 1.4 Modal emergente con detalle del proyecto
- 1.5 Footer
CONTACT US
- 1.1 Navbar
- 1.2 Formulario de contacto simple (nombre, email, mensaje)
- 1.3 Información de contacto y mapa embed
- 1.4 Footer
PROMPTS RELACIONADOS · PORTAFOLIO
