NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Spa Titan (spatitan.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura de la web analizada, sin copiar textos ni imágenes originales. Utiliza los siguientes recursos:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E40AF (azul corporativo), #3B82F6 (azul claro), #F3F4F6 (gris muy claro).
- Tipografía: "Inter" para títulos y párrafos, peso 400–700, tamaños responsivos, con fallback system-ui.
- Header: barra de navegación fija, logo (SVG placeholder), enlaces Home, About, Services, Works, Contact, botón CTA azul "Ver Todos los Servicios". Menú hamburguesa responsive con animación de slide‑in.
- Hero: sección a pantalla completa con letras grandes an
3.811 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.811 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 Barra de navegación fija con logo, enlaces y botón CTA.
- 2.1 Hero animado con letras, título, subtítulo y botón principal.
- 3.1 Sección About con subtítulo, contador de premios, título destacado y texto.
- 4.1 Cuadrícula de servicios (4 columnas) con iconos y breves textos.
- 5.1 Galería de trabajos en formato slider con tarjetas.
- 6.1 CTA secundaria con botón centrado.
- 7.1 Footer con logo, enlaces, formulario y datos de contacto.
ABOUT US
- 1.1 Encabezado de página con título y breadcrumb.
- 2.1 Texto descriptivo de la empresa y equipo.
- 3.1 Carrusel de testimonios.
SERVICES
- 1.1 Listado de servicios en tarjetas con icono, título y descripción.
- 2.1 Sección de precios simplificada (tarjetas).
PROJECTS
- 1.1 Galería filtrable de proyectos.
- 2.1 Detalle de proyecto con imágenes y texto.
CONTACT US
- 1.1 Formulario de contacto completo.
- 2.1 Mapa incrustado y datos de ubicación.
BLOG
- 1.1 Lista de artículos con imágenes y extractos.
- 2.1 Página detalle de artículo.
PROMPTS RELACIONADOS · BEAUTY / SPA
