BELLEZA / SPA · Tailwind CSS · Vanilla JS · Claude Design

LuceBelle – Salón de Peluquería y Estética Premium

★★★★★4,8 2.773 descargas

Theme premium para salones de belleza que combina una paleta elegante y tipografía Inter. Incluye hero a pantalla completa, galería slider y sistema de reservas integrado, listo para usar con Tailwind y JavaScript puro.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

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 modal con icono y contador. 
- Hero: sección a pantalla completa con fondo degradado suave, título grande "Transforma tu estilo", subtítulo descriptivo, botón principal "Ver servicios" y botón secundario "Solicitar cita". 
- Servicios: grid 3‑columna, cada tarjeta con icono circular, título, breve descripción y botón "Más". 
- Galería: slider horizontal con fotos de peinados, navegación con flechas y dots. 
- Equipo: tarjetas con foto redonda, nombre, cargo, enlace a redes sociales. 
- Testimonios: carousel de citas de clientes, con foto pequeña y rating de estrellas. 
- CTA reserva: barra ancha con fondo coral, texto centrado "Agenda tu transformación hoy" y botón "Reserva ahora". 
- Footer: fondo negro, columnas para contacto (dirección, teléfono, email), enlaces rápidos (Inicio, Servicios, Equipo, Blog), y redes sociales con iconos SVG. 
- Todas las interacciones (dropdown, carrito modal, sliders, carousel, acordeón FAQ) deben implementarse con JavaScript puro sin dependencias externas. 
- Utiliza la clase "container mx-auto px-4" para contenedores y utiliza utilities de Tailwind para espaciado, tipografía y colores. 
- Incluye meta tags básicos, favicon ficticio y carga de fuentes desde Google Fonts. 
Entrega el código listo para copiar‑pegar en un archivo index.html que renderice idénticamente el layout descrito.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.478 caracteres · 32 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

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

Otros prompts de la misma categoría

Ficha de marca

Nombre: LuceBelle
Sector: Salón de peluquería y estética de alta gama
Claim: Diseño y estilo que inspiran confianza

Bloques de la home

1.1 Barra de navegación fija con logo, enlaces principales, dropdown de páginas y botón de reserva; 1.2 Hero con fondo difuminado, título destacado y botón CTA; 1.3 Bloque de servicios en cuadrícula de tres columnas con iconos y descripción breve; 1.4 Galería de imágenes estilo slider; 1.5 Equipo profesional en tarjetas con foto y nombre; 1.6 Testimonios rotativos; 1.7 Llamada a acción de reserva de cita; 1.8 Footer con información de contacto, enlaces rápidos y redes sociales.

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada