NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para **Lúmina Susurro**, agencia digital ficticia, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original descrito:
- **Header**: barra de navegación fija, logo a la izquierda, enlaces Home, About, Portfolio, Blog y enlace Contact (visible solo en móvil). Botón principal "Contact Me" con doble capa de texto y flecha que cambia al pasar el cursor. Añade línea vertical decorativa y botón hamburguesa para menú móvil.
- **Hero**: contenedor con línea vertical decorativa y barra lateral de iconos sociales (Instagram, Dribbble, Twitter, LinkedIn) con borde de esquinas dentadas y efecto glow. Título grande (display‑1) con salto de línea, párrafo descriptivo, y sección de logros (núme
3.819 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.819 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 de navegación y botón principal
- 1.2 Hero vertical con línea decorativa, título grande, párrafo introductorio y bloques de logros numéricos
- 1.3 Barra lateral de íconos sociales con efecto de diente de sierra
- 1.4 Botón de llamada a la acción flotante en la cabecera
- 1.5 Footer con columnas de navegación, información de contacto y suscripción
ABOUT
- 2.1 Sección de presentación con foto, texto descriptivo y valores de la agencia
- 2.2 Galería de equipo con tarjetas hover
PORTFOLIO
- 3.1 Grid de proyectos con imágenes, título y categoría
- 3.2 Filtro por etiquetas y carga progresiva
BLOG
- 4.1 Lista de artículos con miniatura, título, extracto y fecha
- 4.2 Paginación simple
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.2 Mapa embed y datos de localización
FOOTER
- 6.1 Área de suscripción al newsletter
- 6.2 Enlaces rápidos, redes sociales y datos legales
PROMPTS RELACIONADOS · EDUCATION
