NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla en un solo archivo que reproduzca el diseño analizado. La marca ficticia es Spa Puerto, un directorio de negocios locales (dominio spapuerto.com).
- Paleta de colores: fondo #F9FAFB, texto principal #111827, acento primario #0EA5E9 (cian), acento secundario #64748B (gris medio), botones hover #0284C7.
- Tipografía: Inter en peso 400 y 600, importada desde Google Fonts.
- Header: barra de navegación fija, fondo blanco, sombra ligera, logo a la izquierda (placeholder SVG), enlaces ancla (Home, Demos, Inner Pages, Utility Pages, Authentication) y botón secundario con borde "Purchase Template" a la derecha.
- Hero: sección con id="Home", contenedor centrado, título grande en Inter 600, línea "Introducing Our City Direct
4.058 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.058 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 ancla y botón de compra
- 1.2 Hero principal con título destacado, subtítulo y botones de acción
- 1.3 Área de previsualización con imágenes del mockup del sitio
- 1.4 Bloque "Qué incluye" con tres tarjetas de icono y texto
- 1.5 Sección de demos con cuadrícula de dos tarjetas de home
- 1.6 Galería de páginas internas en cuadrícula de tarjetas
DEMO PAGES
- 2.1 Página Home V1 (tarjeta con imagen, overlay y label)
- 2.2 Página Home V2 (tarjeta similar)
INNER PAGES
- 3.1 About Us (tarjeta con vista previa)
- 3.2 Contact Us (tarjeta con vista previa)
- 3.3 Services (tarjeta con vista previa)
- 3.4 Services Single (tarjeta con vista previa)
- 3.5 Cities (tarjeta con vista previa)
PROMPTS RELACIONADOS · BELLEZA / SPA
