NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y JavaScript vanilla (un único archivo). Marca ficticia: Spa Vega (spavega.com). Propósito: presentar un centro de bienestar y masajes con carrito simulado (solo UI). Paleta de colores: #F5F5F5 (fondo), #2C3E50 (texto oscuro), #8E44AD (acentos púrpura), #FFFFFF (blanco), #BDC3C7 (gris claro). Tipografía: 'Playfair Display' para títulos, 'Inter' para cuerpo, ambas importadas de Google Fonts. Estructura:
- Header fijo con logo a la izquierda, menú centrado (Home, About, Services, Gallery, Pricing, Contact) y botones de login (secondary) y "Get in touch" (primary) a la derecha, más icono de carrito con contador.
- Hero: sección a pantalla completa con imagen difusa de fondo, título grande (display-3), subtítulo
3.589 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.589 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 menú fijo, logo y botones de acceso al carrito y login
- 1.2 Hero principal con fondo difuso, título destacado y llamada a la acción
- 1.3 Bloque de servicios en cuadrícula de tres columnas con íconos y breve descripción
- 1.4 Sección de testimonios con carrusel de citas y fotos de clientes
- 1.5 Galería de imágenes en disposición mosaico
- 1.6 Área de precios / paquetes con tarjetas resaltadas
- 1.7 Formulario de suscripción al boletín y mapa de ubicación
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Imagen de portada y misión del centro
- 2.3 Equipo de profesionales en tarjetas con foto y especialidad
- 2.4 Valores y certificaciones en lista con iconos
- 2.5 CTA a reserva de cita
- 2.6 Pie de página
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Listado de servicios en tarjetas con imagen, descripción corta y botón "Más info"
- 3.3 Apartado de preguntas frecuentes
- 3.4 CTA a paquetes
- 3.5 Pie de página
GALLERY
- 4.1 Cabecera reutilizada
- 4.2 Galería tipo masonry con filtros por categoría
- 4.3 Lightbox para ampliación de imágenes
- 4.4 Pie de página
PRICING
- 5.1 Cabecera reutilizada
- 5.2 Tabla comparativa de paquetes con características y botón de compra
- 5.3 Testimonios destacados
- 5.4 Pie de página
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 6.3 Mapa interactivo de ubicación
- 6.4 Información de contacto y horarios
- 6.5 Pie de página
PROMPTS RELACIONADOS · BELLEZA / SPA
