NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML+Tailwind CDN+JS vanilla en un solo archivo para la marca ficticia "Belleza Duna" (estudio de tatuajes artísticos). Emula el diseño analizado: fondo negro con video auto‑reproducido en bucle sin sonido en el hero, titular grande en tipografía sans‑serif (font‑family: 'Inter', fallback: system-ui) con colores #FFFFFF y acento #A0212C (rojo oscuro). Botón principal con fondo #A0212C, texto blanco, efecto hover gris claro. Header sticky con logo (texto "Belleza Duna" en #A0212C) y menú horizontal (links: Inicio, Sobre, Servicios, Cita, Galería, Paquetes) estilo blanco #E0E0E0, hover #A0212C.
Secciones de la Home:
1. Hero: video de fondo (placeholder mp4/ webm), overlay semitransparente #00000080, título dividido en dos líneas "Piel" y "Arte", subtítulo
3.894 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.894 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 Hero con video de fondo, título destacado y botón "Reservar cita"
- 2.1 Bloque "Sobre nosotros" con subtítulo, texto descriptivo, botón y dos imágenes decorativas
- 3.1 Sección de categorías de servicios en grid, cada ítem con imagen y nombre
- 4.1 Footer con logo, enlaces principales y datos de contacto
ABOUT
- 1.1 Encabezado de página y texto institucional
- 2.1 Galería de imágenes del estudio y del equipo
- 3.1 Testimonios de clientes
SERVICES
- 1.1 Lista de servicios en tarjetas, cada una con imagen, título y breve descripción
- 2.1 Botón de reserva rápida
APPOINTMENT
- 1.1 Formulario de reserva con campos de nombre, email, fecha y tipo de servicio
- 2.1 Información de ubicación y horario
SHOWCASE
- 1.1 Galería de trabajos realizados en estilo masonry
- 2.1 Filtro por estilo de tatuaje
PACKAGE
- 1.1 Tarjetas de paquetes promocionales con precios relativos y botones de compra simulada
- 2.1 Preguntas frecuentes
CONTACT
- 1.1 Formulario de contacto con nombre, email, asunto y mensaje
- 2.1 Mapa embed y datos de contacto
PROMPTS RELACIONADOS · BELLEZA / SPA
