NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Bellezza Atelier** (bellezzaatelier.com) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**:
- #111827 (gris muy oscuro) para textos y logotipo
- #F9FAFB (casi blanco) para fondos principales
- #E5E7EB (gris claro) para secciones intermedias
- #FFFFFF para contrastes y botones secundarios
- #1F2937 (gris medio) para hover y elementos decorativos
**Tipografía**: Utiliza "Inter" como fuente principal (carga desde Google Fonts) y "Playfair Display" para los títulos hero.
**Header / Navbar**:
- Barra fija, altura 80px, fondo blanco con sombra ligera.
- Logo
5.343 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.343 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 y enlaces ancla, botón de reserva y contacto
- 1.2 Hero principal con título dividido en 3 capas, imagen de protagonista y elementos decorativos circulares animados
- 1.3 Sección "About" con texto descriptivo y foto
- 1.4 Sección "Services" con tarjetas de servicios y iconos
- 1.5 Sección "Reviews" con carrusel de testimonios
- 1.6 Sección "Location" con mapa integrado y formulario de contacto
- 1.7 Footer con enlaces, redes sociales y datos de contacto
ABOUT
- 2.1 Título y párrafo explicando la filosofía del salón
- 2.2 Imagen de ambiente interior
SERVICES
- 3.1 Grid de 3 columnas con tarjetas de servicio (Manicura, Pedicura, Nail art)
- 3.2 Iconos y breves descripciones
REVIEWS
- 4.1 Slider automático con testimonios de clientas
- 4.2 Foto pequeña de la cliente y valoración de estrellas
LOCATION
- 5.1 Mapa incrustado (Google Maps placeholder)
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
FOOTER
- 6.1 Logos de redes sociales
- 6.2 Enlaces rápidos (Política de privacidad, Términos)
- 6.3 Información de contacto y dirección
PROMPTS RELACIONADOS · BELLEZA / SPA
