NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de portafolio para un estudio creativo ficticio llamado 'Trazo Norte Studio' (dominio trazonorte.com, email hola@trazonorte.com, año 2025). Sector: estudio independiente de diseño digital y producto. Claim: 'Diseño que piensa antes de dibujar'. Copy 100% original en español de España, tono sobrio, directo, sin marketing vacío, sin precios concretos.
STACK Y FORMATO
- Entregable: un único archivo HTML autocontenido.
- Tailwind CSS por CDN, JavaScript vanilla (sin frameworks), todo inline.
- Responsive mobile-first impecable.
- Animaciones suaves al hacer scroll (IntersectionObserver), marquees infinitos en CSS, smooth scroll.
- Sin librerías externas salvo Tailwind y fuentes de Google.
ESTÉTICA Y SISTEMA VISUAL
- Paleta minimalista monocroma: fondo #F4F2EE (hueso), t
7.666 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.666 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 menú lateral y CTA
- 1.2 Hero con titular mixto y marquee de logos
- 1.3 Vídeo de fondo con avatares y rating
- 1.4 Grid de proyectos destacados
- 1.5 Marquee tipográfico de servicios
- 1.6 Sobre el estudio con manifiesto
- 1.7 Métricas en 4 columnas
- 1.8 Tabs de servicios
- 1.9 Logos de clientes
- 1.10 Slider de testimonios
- 1.11 Últimos artículos del blog
- 1.12 CTA final oscuro
- 1.13 Footer extenso
TRABAJOS
- 2.1 Header heredado
- 2.2 Cabecera de página con título 'Trabajos' y subtítulo
- 2.3 Filtros por categoría (todos, web, marca, producto)
- 2.4 Grid masonry de proyectos con hover
- 2.5 CTA final + footer
SOBRE
- 3.1 Header heredado
- 3.2 Cabecera con foto grande y manifiesto del estudio
- 3.3 Timeline de hitos del estudio
- 3.4 Equipo en grid (4 personas con foto y rol)
- 3.5 Valores en 3 columnas
- 3.6 Marquee de clientes
- 3.7 CTA final + footer
BLOG
- 4.1 Header heredado
- 4.2 Cabecera con título 'Diario' y descripción
- 4.3 Artículo destacado en formato banner
- 4.4 Grid de artículos con categoría y fecha
- 4.5 Paginación numerada
- 4.6 Footer
FAQ
- 5.1 Header heredado
- 5.2 Cabecera con título 'Preguntas frecuentes'
- 5.3 Acordeón de preguntas agrupadas por categoría
- 5.4 Bloque 'No encuentras tu duda' con CTA email
- 5.5 Footer
CONTACTO
- 6.1 Header heredado
- 6.2 Cabecera con título grande 'Hablemos'
- 6.3 Formulario a dos columnas (nombre, email, presupuesto, mensaje)
- 6.4 Información lateral con email, dirección y redes
- 6.5 Mapa o imagen de la oficina
- 6.6 Footer
PROMPTS RELACIONADOS · CORPORATIVO
