NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de agencia creativa ficticia llamada **Trazoluna Studio** (dominio trazoluna.com, email hola@trazoluna.com, año 2025). Sector: estrategia de marca, diseño web y crecimiento digital. Claim: 'Diseñamos con intención, construimos con criterio'. Todo el copy en español de España, original, en voz activa, sin jerga marketinera ni precios concretos.
**Stack técnico**: Un único archivo HTML autocontenido con Tailwind CSS por CDN y JavaScript vanilla embebido. Sin dependencias externas más allá de Tailwind y Google Fonts. Responsive completo (móvil, tablet, escritorio). Animaciones suaves con CSS y JS vanilla (IntersectionObserver para fade-in, scroll suave).
**Paleta de colores**:
- Fondo principal: #F4F1EC (crema cálido)
- Texto principal: #1A1A1A (casi negro)
- Acento pr
6.735 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.735 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 con navegación de iconos y CTA circular
- 1.2 Hero con titular display y mosaico de tarjetas
- 1.3 Marquee de clientes
- 1.4 Bloque editorial sobre la agencia
- 1.5 Grid de servicios numerados
- 1.6 Portafolio destacado asimétrico
- 1.7 Contadores de impacto
- 1.8 Proceso en 4 pasos
- 1.9 Slider de testimonios
- 1.10 CTA banner final
- 1.11 Footer tipográfico
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero editorial con misión
- 2.3 Galería del equipo
- 2.4 Valores en tarjetas
- 2.5 Timeline de la agencia
- 2.6 CTA final
- 2.7 Footer
TRABAJOS
- 3.1 Header
- 3.2 Hero con título y filtros por categoría
- 3.3 Grid de proyectos en mosaico
- 3.4 CTA colaboración
- 3.5 Footer
SERVICIOS
- 4.1 Header
- 4.2 Hero de servicios
- 4.3 Listado expandible de servicios
- 4.4 Metodología en pasos
- 4.5 FAQ
- 4.6 CTA
- 4.7 Footer
PRECIOS
- 5.1 Header
- 5.2 Hero precios
- 5.3 Tres planes en tarjetas
- 5.4 Comparativa de características
- 5.5 FAQ de precios
- 5.6 Footer
BLOG
- 6.1 Header
- 6.2 Hero blog con post destacado
- 6.3 Grid de artículos
- 6.4 Newsletter
- 6.5 Footer
CONTACTO
- 7.1 Header
- 7.2 Hero contacto
- 7.3 Formulario a dos columnas con datos
- 7.4 Mapa o ubicación
- 7.5 Footer
PROMPTS RELACIONADOS · CORPORATIVO
