BELLEZA / SPA · Claude Design · HTML

Barbería Lúmina — Prompt de diseño web para Claude AI

★★★★★4,7 2.539 descargas

Salón de peluquería y afeitado premium para caballeros Corte clásico, estilo contemporáneo.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web de una sola página con HTML estático, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) que reproduzca el diseño visual y la estructura de la web analizada, usando la marca ficticia Barbería Lúmina. El sitio debe incluir:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #C0A062 (dorado suave), #B0B0B0 (gris neutro).
- Tipografía: "Montserrat" para encabezados, "Open Sans" para cuerpo.
- Header: barra de navegación fija, logo a la izquierda (70 px), menú principal centrado con enlaces Home, About Us, Pricing, Gallery, menú secundario a la derecha con Team, Blog, Contact Us y un dropdown "Pages" con Book Appointment, Style‑Guide, Change‑Log, License. Añadir hamburguesa para móvil.
- Hero: sección a pantalla completa con logo animado, subtítulo "Your Style, Our Expertise", título grande "Experience the Art of Precision Grooming", párrafo explicativo y botón "Book Appointment" que enlaza a #book‑appointment. Debajo, bloque de información rápida con dirección, teléfono y email, estilo blanco sobre fondo oscuro.
- Partners: carrusel horizontal de logotipos de socios (8 imágenes) con scroll automático y overlay en esquinas.
- About: bloque de dos columnas, imagen a la izquierda con efecto zoom, a la derecha título "Mastering the Art of Grooming", párrafo descriptivo y botón secundario "Contact Us".
- Counter: sección con contador animado que muestra "Styles Created" con número que cuenta hasta 12345K usando animación de scroll.
- Footer: fondo negro, enlaces de navegación, íconos de redes sociales, suscripción al newsletter (campo email + botón), texto legal.
- Interactividad: menú hamburguesa que abre/ciierra el nav en móvil, dropdown de páginas, carrusel de partners (auto‑play y arrastre), contadores que se activan al entrar en viewport, smooth scroll para anclas.
- Responsividad: diseño adaptado a móvil, tablet y desktop, usando las clases de Tailwind (flex, grid, hidden, md:block, etc.).
- Incluir meta tags básicos, favicon ficticio y enlazar fuentes de Google.
- Todo el contenido debe estar en español de España, sin copiar textos originales, con copy original acorde a la marca.
Entregar el código completo listo para abrir en un navegador.

---

## 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.559 caracteres · 31 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, menú principal, enlaces secundarios y dropdown de páginas
1.2 Hero slider con logo animado, subtítulo, título principal, párrafo descriptivo y botón de reserva
1.3 Información de contacto rápida (dirección, teléfono, email) sobre el hero
1.4 Carrusel de logos de partners/sponsors
1.5 Bloque de presentación "Sobre Nosotros" con imagen lateral, título, texto y botón de contacto
1.6 Sección de contadores animados de métricas

ABOUT

2.1 Encabezado interno con título y breadcrumb
2.2 Texto descriptivo de la historia y misión
2.3 Galería de imágenes del equipo
2.4 Botón de contacto

PRICING

3.1 Tabla de planes de servicios con columnas y botones de reserva
3.2 Preguntas frecuentes en acordeón

GALLERY

4.1 Grid de fotos de cortes y estilo con lightbox
4.2 Filtrado por categoría

CONTACT US

5.1 Formulario de contacto con campos nombre, email, mensaje
5.2 Mapa incrustado y datos de contacto

FOOTER

6.1 Redes sociales, enlaces legales y suscripción al newsletter

PROMPTS RELACIONADOS · BELLEZA / SPA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Barbería Lúmina
Sector: Salón de peluquería y afeitado premium para caballeros
Claim: Corte clásico, estilo contemporáneo

Bloques de la home

1.1 Barra de navegación fija con logo, menú principal, enlaces secundarios y dropdown de páginas
1.2 Hero slider con logo animado, subtítulo, título principal, párrafo descriptivo y botón de reserva
1.3 Información de contacto rápida (dirección, teléfono, email) sobre el hero
1.4 Carrusel de logos de partners/sponsors
1.5 Bloque de presentación "Sobre Nosotros" con imagen lateral, título, texto y botón de contacto
1.6 Sección de contadores animados de métricas (p. ej. estilos creados)

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