NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Corazón Conectado** (plataforma de citas), usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe recrear fielmente la estructura y estilo del diseño analizado, sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo a la izquierda y menú de navegación (Home, About, Blog, Contact, Login) que colapse en un botón hamburguesa en móviles. Botón de "Log in" con borde y color primario.
- Hero section: fondo en tono suave rosado #FEEBF0, subtítulo pequeño, título grande #D6457B, botón destacado con gradiente de rosa a coral, forma redondeada.
- Service gallery: carrusel horizontal continuo de 8 imágenes placeholder (use https://picsum.photos/seed/{n}/100) con texto superpuesto bajo
3.961 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.961 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 Header con logo y menú de navegación responsivo
- 1.2 Hero con subtítulo, título principal y botón principal
- 1.3 Sección de mensajes rotatorios (service gallery) con texto acompañando imágenes
- 1.4 Bloque "Sobre nosotros" con encabezado, imágenes decorativas y frases
- 1.5 Galería de fotos tipo grid con overlay y lightbox
- 1.6 Footer básico con enlaces y contacto
ABOUT
- 1.1 Header reutilizable
- 1.2 Hero interno con encabezado y descripción
- 1.3 Equipo o valores en columnas
- 1.4 CTA de registro
- 1.5 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa embed (opcional)
- 1.4 Footer
PROMPTS RELACIONADOS · FASHION
