NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web corporativo completo en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks, sin build). El sitio es para una marca ficticia llamada **Spa Río**, una consultora boutique de estrategia editorial y marca premium con sede en Madrid. Dominio: spario.com. Email: hola@spario.com. Claim: 'Construimos negocios con criterio editorial'. Año: 2025.
## Estética general
Editorial cálida, premium, alto contraste tipográfico, mucho aire blanco, microinteracciones sutiles. Sensación de revista impresa traducida a digital.
### Paleta
- Fondo principal: #F5F1EA (crema cálido)
- Fondo alternativo: #ECE6DB (arena)
- Tinta principal: #1A1A1A (casi negro)
- Tinta secundaria: #5C5852 (gris cálido)
- Acento: #B85440 (terracota apagado)
- Línea: #D8D1C3
- Inve
8.379 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.379 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 Hero editorial con titular tipográfico gigante y dos CTAs
- 1.2 Marquee de logos de clientes
- 1.3 Intro a dos columnas con manifiesto
- 1.4 Grid 3x2 de servicios numerados
- 1.5 Contadores de resultados (KPIs)
- 1.6 Caso destacado con imagen y detalle editorial
- 1.7 Slider horizontal de proyectos
- 1.8 Método en acordeón de 5 fases
- 1.9 Grid de equipo
- 1.10 Testimonios editoriales
- 1.11 CTA final pantalla completa
- 1.12 Footer extenso multicolumna
SOBRE NOSOTROS
- 2.1 Hero secundario con título de página y breadcrumb
- 2.2 Bloque historia con timeline vertical de hitos por año
- 2.3 Misión, visión y valores en tres tarjetas
- 2.4 Galería editorial de espacio/cultura en mosaico irregular
- 2.5 Grid completo de equipo extendido con bio al hover
- 2.6 Cifras de la firma (años, clientes, países, proyectos)
- 2.7 CTA final y footer
SERVICIOS
- 3.1 Hero de servicios con índice clicable lateral
- 3.2 Listado detallado de servicios en formato editorial alternado (zigzag imagen+texto)
- 3.3 Tabla comparativa de paquetes/alcance sin precios
- 3.4 FAQ en acordeón de 6 preguntas
- 3.5 CTA final y footer
CONTACTO
- 4.1 Hero contacto con dos columnas: formulario amplio y datos de contacto
- 4.2 Bloque de oficinas con tarjetas (ciudad, dirección, email, horario)
- 4.3 Mapa estilizado en escala de grises
- 4.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
