NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado LunaPel (lunapel.com) para un salón de peluquería premium. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura visual del template analizado, sin copiar texto ni imágenes reales.
Paleta de colores:
- #1A1A1A (negro profundo) para fondos y texto principal
- #FFFFFF (blanco) para textos claros y fondos secundarios
- #E91E63 (rosa vibrante) para acentos, botones y enlaces
- #F5F5F5 (gris muy claro) para secciones de fondo ligero
- #333333 (gris medio) para texto secundario
Tipografía:
- Fuente principal: "Montserrat", sans-serif (cargada desde Google Fonts)
- Fuente secundaria para títulos: "Playfair Display", serif
Componentes:
1. Header fijo: logo SVG ficticio, menú horizontal (Home, About
4.183 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.183 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 superior con logo, enlaces y botón de reserva
- 2.1 Hero principal con imagen de fondo, título y botón de acción
- 3.1 Sección de servicios destacados en tarjetas con iconos
- 4.1 Galería de transformaciones con carrusel de imágenes
- 5.1 Equipo profesional en presentación de cards
- 6.1 Testimonios de clientes en slider
- 7.1 Blog con últimas entradas en grid
- 8.1 Formulario de contacto y mapa integrado
- 9.1 Footer con información de contacto, enlaces y redes sociales
ABOUT
- 1.1 Header interno con breadcrumb
- 2.1 Texto institucional y valores de la marca
- 3.1 Imagen decorativa y misión
- 4.1 Footer compartido
SERVICES
- 1.1 Header interno con título de servicios
- 2.1 Lista de servicios en tarjetas con precios ficticios
- 3.1 CTA para reservar cita
- 4.1 Footer compartido
GALLERY
- 1.1 Header interno con título de galería
- 2.1 Grid de imágenes con hover overlay
- 3.1 Footer compartido
TEAM
- 1.1 Header interno con título del equipo
- 2.1 Cards de profesionales con foto y bio breve
- 3.1 Footer compartido
BLOG
- 1.1 Header interno con título del blog
- 2.1 Grid de artículos con excerpt y fecha
- 3.1 Footer compartido
CONTACT
- 1.1 Header interno con título de contacto
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa embebido
- 4.1 Footer compartido
PROMPTS RELACIONADOS · EDUCACIÓN
