NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LuxeCabello, salón de peluquería premium, usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. La web debe reproducir el diseño analizado:
- Paleta de colores: #1D261B (verde oscuro), #4E4D4D (gris neutro), #FFFFFF (blanco), #F5F5F5 (gris claro), #000000 (negro para texto).
- Tipografía: Inter (sans‑serif) para títulos y cuerpo, peso 400‑600, tamaños variables (h1 48px, h2 36px, p 16px).
- Header: barra fija con logo a la izquierda, menú horizontal (Home, Sobre nosotros, Servicios, Blog, Contacto) y botón de llamada con ícono telefónico a la derecha. Menú responsive con hamburguesa.
- Hero: sección a pantalla completa, grid 2 columnas. Columna izquierda con h1 “Renueva tu estilo en LuxeCabello”, párrafo
4.080 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.080 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, navegación principal y botón de llamada
- 1.2 Hero grande con título, descripción, CTA y barra lateral de ventajas
- 1.3 Sección "Sobre nosotros" con texto dividido en columnas y vídeo de fondo
- 1.4 Carrusel de servicios con tarjetas, iconos y descripciones
- 1.5 Footer con información de contacto, enlaces y redes sociales
ABOUT
- 2.1 Encabezado con título y párrafo introductorio
- 2.2 Imagen grande a la izquierda, texto a la derecha con lista de valores
- 2.3 Botón CTA "Conócenos"
SERVICES
- 3.1 Título de sección y breve descripción
- 3.2 Grid de tarjetas de servicio (imagen, icono, título, texto)
- 3.3 Flechas de navegación del slider
BLOG
- 4.1 Lista de artículos con imagen, título, extracto y enlace
- 4.2 Paginación inferior
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje, botón)
- 5.2 Información de ubicación y teléfono
- 5.3 Mapa incrustado
PRICING
- 6.1 Tabla de precios con tres columnas (plan, características, botón)
- 6.2 CTA de llamada a la acción bajo la tabla
PROMPTS RELACIONADOS · EDUCACIÓN
