NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Salon Helio, salón de peluquería y barbería, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe incluir:
- **Header**: barra de navegación fija, logo en SVG (texto Lúmina), menú horizontale con enlaces: Inicio, Sobre nosotros, Servicios, Equipo, Blog, Contacto y botón destacado "Reservar cita". En móvil, colapsar a ícono hamburguesa.
- **Paleta de colores**: #1A1A1A (negro profundo), #F5F5F5 (gris claro), #C89B7B (marrón arena), #EDE0D4 (beige suave), #FFFFFF (blanco). Usa el negro para fondos principales, beige para secciones iluminadas y marrón para acentos y botones.
- **Tipografía**: `Inter` para textos y `Playfair Display` para títulos. Importa ambas desde Google Fonts.
- **Sección Hero**: imag
4.098 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.098 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 Encabezado con barra de navegación fija, logo, menú y botón de reserva
- 1.2 Hero con imagen de fondo, título, subtítulo y botón CTA
- 1.3 Servicios: grid de 3 columnas con tarjetas, icono, título y breve texto
- 1.4 Equipo: grid de 4 columnas con foto circular, nombre y rol
- 1.5 Testimonios: carrusel horizontal con cita y autor
- 1.6 Newsletter: formulario simple de captura de email
- 1.7 Footer: columnas de enlaces, redes sociales y datos de contacto
ABOUT US
- 2.1 Banner interior con título y foto de ambiente
- 2.2 Texto descriptivo del salón y filosofía
- 2.3 Galería de imágenes en grid
SERVICES
- 3.1 Lista de servicios con imagen, título, descripción y botón reservar
- 3.2 Precios (texto genérico, sin cifras concretas)
TEAM
- 4.1 Perfil detallado del equipo, foto, nombre, rol y descripción
- 4.2 Botón para agendar cita con cada profesional
BLOG
- 5.1 Lista de artículos en formato tarjeta, imagen, título, resumen y enlace leer más
- 5.2 Paginación simple
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa embebido (placeholder) y datos de dirección y teléfono
PROMPTS RELACIONADOS · BEAUTY / SPA
