NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa en un único archivo HTML usando Tailwind CSS por CDN y JavaScript vanilla, para una consultora estratégica ficticia llamada 'Spa Lira' (dominio spalira.com, email hola@spalira.com, año 2025). Sector: consultoría estratégica boutique para fundadores y comités de dirección. Claim: 'Acompañamiento estratégico para decisiones que marcan el rumbo'. Idioma: español de España. Todo el copy debe ser original, sin claims marketineros vacíos, en tono sobrio y experto.
STACK Y REQUISITOS TÉCNICOS:
- Un solo archivo HTML autocontenido
- Tailwind CSS vía CDN (script de cdn.tailwindcss.com con config inline)
- JS vanilla para interacciones (menú móvil, marquesina, slider testimonios, acordeón FAQ, scroll sticky de servicios, animaciones de entrada con IntersectionObser
9.530 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.530 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 fijo con navegación y CTA 'Reservar consulta'
- 1.2 Hero con titular serif mixto, descripción, botón circular y marquesina de logos
- 1.3 Sobre nosotros con 3 tarjetas de métricas (150+, 90%+, 10+)
- 1.4 Servicios en layout sticky con pila de tarjetas
- 1.5 Casos de estudio en grid editorial
- 1.6 Proceso en 4 pasos numerados
- 1.7 Equipo en tarjetas verticales
- 1.8 Testimonios en slider
- 1.9 Últimas reflexiones del blog
- 1.10 CTA final sobre fondo oscuro
- 1.11 Footer multicolumna
NOSOTROS
- 2.1 Header
- 2.2 Hero de página con título y breadcrumb
- 2.3 Historia de la firma con texto a dos columnas e imagen
- 2.4 Valores en grid de 4 tarjetas con icono
- 2.5 Métricas grandes en banda horizontal
- 2.6 Equipo completo en grid
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Header
- 3.2 Hero de página
- 3.3 Listado completo de servicios en filas alternas imagen-texto
- 3.4 Sección de metodología
- 3.5 FAQ en acordeón
- 3.6 CTA final
- 3.7 Footer
CASOS
- 4.1 Header
- 4.2 Hero de página con filtros por sector
- 4.3 Grid de casos con imagen, categoría y título
- 4.4 CTA final
- 4.5 Footer
BLOG
- 5.1 Header
- 5.2 Hero de página
- 5.3 Artículo destacado a ancho completo
- 5.4 Grid de artículos con paginación
- 5.5 Newsletter inline
- 5.6 Footer
CONTACTO
- 6.1 Header
- 6.2 Hero con titular y datos de contacto a dos columnas
- 6.3 Formulario amplio con campos (nombre, empresa, email, asunto, mensaje)
- 6.4 Mapa de ubicación
- 6.5 Footer
404
- 7.1 Header
- 7.2 Bloque centrado con '404', mensaje y botón volver al inicio
- 7.3 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
