NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Estética Sabana" (dominio esteticasabana.com) siguiendo el siguiente alcance y stack: HTML estático con Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura de la plantilla analizada, sin copiar textos ni imágenes originales. Utiliza una paleta de colores basada en negro profundo (#0A0A0A), gris cemento (#2C2C2C), blanco puro (#FFFFFF), acento azul eléctrico (#0DA5FF) y detalle naranja cálido (#FF7A00). Tipografía: headings con "Inter" (font-weight 700), cuerpo con "Source Sans Pro" (font-weight 400).
**Header**: barra fija con logo (texto "Lúmina" en Inter bold, color blanco), menú principal alineado a la derecha con enlaces Home, Sobre Nosotros, Servicios, Portafolio, Blog
4.956 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.956 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ú principal, dropdowns y botones de CTA.
- 1.2 Hero con título, subtítulo y botón.
- 1.3 Bloque split de proyectos destacados (imagen izquierda, texto derecha y viceversa).
- 1.4 Sección de servicios en grid de tres columnas.
- 1.5 Footer con enlaces, redes sociales y datos de contacto.
ABOUT
- 2.1 Header reutilizable.
- 2.2 Hero interno con título y párrafo descriptivo.
- 2.3 Timeline de valores o historia.
- 2.4 Equipo en tarjetas.
- 2.5 Footer.
SERVICE
- 3.1 Header.
- 3.2 Hero con descripción de servicios.
- 3.3 Lista de servicios en tarjetas con ícono y texto.
- 3.4 Caso de estudio destacado.
- 3.5 CTA final.
- 3.6 Footer.
PORTFOLIO ONE
- 4.1 Header.
- 4.2 Hero con título del proyecto.
- 4.3 Galería de imágenes en carrusel.
- 4.4 Detalles del proyecto en tabla.
- 4.5 CTA y enlace a contacto.
- 4.6 Footer.
BLOG ONE
- 5.1 Header.
- 5.2 Lista de entradas en tarjetas con foto, título y extracto.
- 5.3 Paginación.
- 5.4 Footer.
CONTACT ONE
- 6.1 Header.
- 6.2 Formulario de contacto con campos nombre, email, mensaje.
- 6.3 Información de contacto y mapa.
- 6.4 Footer.
PROMPTS RELACIONADOS · BEAUTY / SPA
