NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia Spa Perla, una consultora de prompts de IA. Usa HTML + Tailwind CDN + JavaScript vanilla en un único archivo. Paleta de colores: fondo #F5F9FC, primario #0D3B66, secundario #1E6091, acento #F0A500, texto #333333. Tipografía: Inter (sans-serif) para títulos y body, con peso 600 para encabezados y 400 para párrafos.
Estructura:
- <header> fijo con logo (texto Spa Perla en Inter bold, color primario) y menú hamburguesa que despliega una lista de enlaces ancla: Proyectos, Servicios, Testimonios, Contacto. Menú responsive: colapsado en móvil.
- <section id="hero"> con contenedor centrado, título grande (h1) "Ideas claras, prompts potentes", subtítulo breve, y botón CTA "Explorar" que enlaza a #proyectos. Fondo degradado suav
3.476 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.476 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 Cabecera con logo y menú hamburguesa, enlaces ancla
- 2.1 Hero con título, descripción breve y botón CTA
- 3.1 Sección Proyectos (grid de tarjetas con imágenes y título)
- 4.1 Sección Servicios (lista de iconos y texto)
- 5.1 Sección Testimonios (carousel sencillo)
- 6.1 Llamada a la acción final con formulario de contacto
- 7.1 Pie de página con enlaces de navegación y redes sociales
PROYECTOS (ancla)
- 1.1 Grid de tarjetas, 3 columnas, hover con sombra
SERVICIOS (ancla)
- 1.1 Lista horizontal de tarjetas con iconos y descripción corta
TESTIMONIOS (ancla)
- 1.1 Carousel de citas, navegación por puntos
CONTACTO (ancla)
- 1.1 Formulario simple: nombre, email, mensaje, botón enviar
PROMPTS RELACIONADOS · BEAUTY / SPA
