NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Luna Brillo (lunabrillo.com), orientado a un estudio de estética de uñas. Usa HTML5 + Tailwind CSS vía CDN + JavaScript vanilla en un único archivo. La paleta de colores: #111827 (gris muy oscuro), #F9FAFB (casi blanco), #F472B6 (rosa brillante) para acentos y botones. Tipografía: "Inter", sans‑serif, pesos 400 y 600. Estructura:
- **Header**: navbar fija con logo (texto Luna Brillo), enlaces ancla a #about, #services, #reviews, #contact. Botones a la derecha: "Contact Me" (estilo terciario) y "Book Now" (primario). Menú hamburguesa responsive.
- **Hero** (sección id="home"): columnas 2; izquierda con títulos superpuestos: "Luna" (gran tamaño, posición absoluta izquierda‑top), "Brillo" (abajo izquierda), "Nails" (derecha). Imagen principal
3.627 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.627 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 Navbar fijo con logotipo, menú de anclaje y botones CTA
- 1.2 Hero principal con título doble, subtítulo, imagen destacada y decoraciones circulares animadas
- 1.3 Bloque About con texto introductorio y foto al lado
- 1.4 Servicios en grid de tres tarjetas con iconos y breves descripciones
- 1.5 Reseñas con carrusel simple de testimonios
- 1.6 Ubicación con mapa estático y formulario de contacto corto
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Sección título y párrafo descriptivo del estudio
- 2.2 Imagen de interior del local
SERVICES
- 3.1 Título principal y breve introducción
- 3.2 Grid de 3 tarjetas: Manicura clásica, Gel art, Spa de uñas
- 3.3 Botón "Ver todos los servicios"
REVIEWS
- 4.1 Título y subtítulo
- 4.2 Carrusel de 3 testimonios con foto, nombre y comentario
LOCATION
- 5.1 Título y mapa incrustado (iframe de Google Maps placeholder)
- 5.2 Formulario compacto: nombre, email, mensaje, botón enviar
FOOTER
- 6.1 Logo pequeño y claim
- 6.2 enlaces rápido: About, Services, Reviews, Contact
- 6.3 iconos redes sociales
- 6.4 datos de contacto y copyright
PROMPTS RELACIONADOS · BELLEZA / SPA
