NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúmina Salon" (luminasalon.com). El proyecto debe usar HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. **Paleta de colores**: azul principal #007CE6 (45% saturación, 46% luminosidad) con variantes de fondo hsla(207,100%,45%,0.1) y bordes rgba(0,124,230,0.4); gris neutro #F5F5F5 y blanco puro. **Tipografía**: Inter (sans‑serif) para títulos y cuerpo, peso 400‑600, tamaños escalables (h1 48px, h2 36px, h3 28px, p 16px). **Header**: barra fija con logo (solo texto "Lúmina" en azul) a la izquierda y menú horizontal (Home, About, Projects, Blog, FAQ, Contact) con iconos doble‑state (animación de transición entre outlines). Botón resaltado "Contrátame" con fondo azul tenue y borde azul semitransparente. **Hero**: lay
4.054 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.054 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 y menú desplegable, botón "Contrátame"
- 1.2 Hero con imagen a la izquierda y texto de presentación a la derecha
- 1.3 Bloque de contacto rápido con iconos y animación de borde
- 1.4 Servicios I Offer: cuadrícula de tarjetas con fondo azul tenue, iconos y botón de detalle
- 1.5 Footer con enlaces a Home, About, Projects, Blog, FAQ y datos de contacto
ABOUT US
- 2.1 Header reutilizado
- 2.2 Sección de historia y visión con foto de fondo y texto centrado
- 2.3 Equipo con tarjetas de perfil
PROJECTS
- 3.1 Header reutilizado
- 3.2 Galería de proyectos en cuadrícula responsive, cada tarjeta con hover overlay
- 3.3 Testimonios en carrusel horizontal
BLOGS
- 4.1 Header reutilizado
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Sidebar con categorías y archivos
SERVICES
- 5.1 Header reutilizado
- 5.2 Detalle de cada servicio en secciones con icono, título, descripción y llamado a acción
FAQ
- 6.1 Header reutilizado
- 6.2 Preguntas frecuentes en acordeón
CONTACT US
- 7.1 Header reutilizado
- 7.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 7.3 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · BELLEZA / SPA
