NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Corte Vanguardia" (barbería y peluquería) usando HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. La web debe reproducir el diseño analizado, respetando los siguientes requisitos:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #C69C6D (dorado suave), #E0E0E0 (gris claro para fondos), #333333 (texto oscuro).
- Tipografía: "Montserrat" para títulos (peso 700) y "Open Sans" para cuerpo (peso 400).
- Header fijo con logo SVG (placeholder), menú horizontal con dropdowns para "Home" y "Pages", enlaces a Servicios, Blog y Contacto, y un icono de carrito que abre una barra lateral derecha con lista de productos, subtotales y botón "Continuar al checkout".
- Hero: sección a
3.582 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.582 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ú desplegable y carrito lateral
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Bloque de servicios en tres columnas con íconos y texto
- 1.4 Galería de imágenes estilo cuadrícula
- 1.5 Testimonios en carrusel horizontal
- 1.6 Últimas entradas del blog en tarjetas
- 1.7 Llamada a la acción para suscripción al newsletter
- 1.8 Footer con enlaces de navegación, información de contacto y redes sociales
ABOUT US
- 2.1 Header reutilizado
- 2.2 Sección de historia con imagen y texto
- 2.3 Equipo en tarjetas con foto y descripción
- 2.4 Valores en lista con íconos
- 2.5 Footer reutilizado
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios con tarjetas y precios simulados
- 3.3 Preguntas frecuentes en acordeón
- 3.4 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Grilla de artículos con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Footer reutilizado
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa incrustado (placeholder)
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · BEAUTY / SPA
