NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LUCEBELLE (salón de peluquería y estética premium) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanila en un único archivo. El proyecto debe reproducir el diseño visual y la estructura de la web analizada:
- Paleta de colores: #1A1A1A (negro profundo), #FFFFFF (blanco), #E0AFA0 (rosa neutro), #C7C7C7 (gris claro) y acentos #FF6F61 (coral).
- Tipografía: "Inter" para títulos y cuerpo, peso 700 para headings, 400 para párrafos.
- Header: barra fija, logo alineado a la izquierda, menú principal con enlaces "Inicio", "Sobre nosotros", "Servicios", "Galería", "Equipo", "Blog", "Contacto"; dropdown bajo "Páginas" con enlaces adicionales (Precios, Testimonios, FAQ, Carrera). Botón destacado a la derecha "Reservar cita". Carrito mod
3.698 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.698 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, enlaces principales, dropdown y botón de reserva
- 1.2 Hero con fondo difuminado, título destacado y botón CTA
- 1.3 Servicios en cuadrícula de tres columnas con iconos y texto
- 1.4 Galería de imágenes tipo slider
- 1.5 Equipo profesional en tarjetas
- 1.6 Testimonios rotativos
- 1.7 Llamada a acción para reserva de cita
- 1.8 Footer con datos de contacto, enlaces y redes sociales
ABOUT
- 2.1 Header interno con breadcrumb
- 2.2 Presentación de la empresa y filosofía
- 2.3 Valores en iconos
- 2.4 CTA a la agenda de citas
SERVICES
- 3.1 Lista de servicios con imágenes y precios simulados
- 3.2 Detalle de cada servicio en modal
- 3.3 Botón de agregar al carrito (simulado)
GALLERY
- 4.1 Grid de imágenes filtrables por categoría
- 4.2 Lightbox al hacer clic
TEAM
- 5.1 Tarjetas de profesionales con foto, especialidad y enlaces a redes
- 5.2 Botón de contacto rápido
BLOG
- 6.1 Lista de artículos con imagen, título y extracto
- 6.2 Paginación simple
FAQ
- 7.1 Preguntas frecuentes en acordeón
CONTACT
- 8.1 Formulario de contacto con campos nombre, email, mensaje
- 8.2 Mapa incrustado
- 8.3 Información de horario y dirección
PROMPTS RELACIONADOS · BELLEZA / SPA
