NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Corte & Brío", un salón de peluquería y barbería contemporáneo, usando **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y estilo del diseño analizado:
- **Paleta de colores**: #0D0D0D (negro profundo), #F4F4F4 (gris claro), #C7A17A (beige cálido), #FFFFFF (blanco), #333333 (gris medio) para acentos.
- **Tipografía**: Fuente principal "Montserrat" (Google Fonts) en pesos 400/600, y fuente secundaria "Playfair Display" para encabezados.
- **Header** fijo con logo a la izquierda, menú horizontal (About, Services, Team, Blog, Contact, Booking) y botón destacado "Reservar" a la derecha; incluye ícono de carrito que muestra contador.
- **Hero** a pantalla completa con fondo
3.964 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.964 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 Header con logo, menú principal, botón de reserva y carrito
- 1.2 Hero con título, subtítulo y llamada a la acción
- 1.3 Bloque de servicios (3 columnas)
- 1.4 Equipo (galería de especialistas)
- 1.5 Testimonios (carousel)
- 1.6 Blog (tarjetas de últimas entradas)
- 1.7 Formulario de contacto y mapa
- 1.8 Footer con navegación secundaria y redes
ABOUT US
- 2.1 Cabecera interior con título de la página
- 2.2 Historia del salón con imagen y texto
- 2.3 Valores y misión en bloques
- 2.4 Equipo ampliado con perfiles detallados
SERVICES
- 3.1 Lista de servicios con iconos y descripciones
- 3.2 Precios indicativos (sin valores reales)
- 3.3 Botón de reserva para cada servicio
TEAM
- 4.1 Galería de especialistas con filtros por especialidad
- 4.2 Detalle emergente al click (modal) con biografía completa
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y fecha
- 5.2 Paginación simple
CONTACT
- 6.1 Formulario de contacto con campos de nombre, email, teléfono y mensaje
- 6.2 Mapa incrustado (placeholder)
- 6.3 Información de contacto y horarios
APPOINTMENT
- 7.1 Calendario de reservas integrado (placeholder UI)
- 7.2 Selección de servicio y especialista
- 7.3 Confirmación de cita
PROMPTS RELACIONADOS · FASHION
