NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de agencia creativa ficticia llamada "Trazora Studio" (dominio trazora.com, email hola@trazora.com, año 2025). Sector: estudio de estrategia de marca, identidad, diseño web y crecimiento digital. Claim: "Diseñamos con intención, construimos con criterio". Idioma: español de España. Tono editorial, sereno, cercano, sin jerga marketinera ni precios concretos.
ALCANCE: una sola página HTML autocontenida que muestre la HOME completa, con header y footer reutilizables y navegación a anclas (#estudio, #trabajos, #servicios, #precios, #blog, #contacto). Incluye también secciones internas resumidas para cada apartado en la misma página separadas por anclas, manteniendo el aire visual.
STACK: HTML5 + Tailwind CSS vía CDN + JavaScript vanilla en un único archivo. Sin framewor
8.345 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.345 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 sticky con navegación icónica y CTA circular
- 1.2 Hero tipográfico con tarjetas mixtas
- 1.3 Marquee de logos de clientes
- 1.4 Grid de servicios 2x2 numerados
- 1.5 Showcase de proyectos destacados
- 1.6 Contadores animados de métricas
- 1.7 Bloque sobre el estudio con foto y valores
- 1.8 Proceso de trabajo en 4 pasos
- 1.9 Slider de testimonios
- 1.10 CTA final tipográfico gigante
- 1.11 Footer oscuro completo
ESTUDIO (ABOUT)
- 2.1 Header
- 2.2 Hero de página con titular y breadcrumb
- 2.3 Manifiesto del estudio en dos columnas
- 2.4 Galería de fotos del equipo en mosaico
- 2.5 Línea temporal de hitos del estudio
- 2.6 Grid de miembros del equipo con rol
- 2.7 Reconocimientos y premios en lista
- 2.8 CTA final
- 2.9 Footer
TRABAJOS (WORKS)
- 3.1 Header
- 3.2 Hero de página con filtro por categoría
- 3.3 Grid masonry de proyectos con hover
- 3.4 CTA intermedio para nuevos encargos
- 3.5 Footer
SERVICIOS
- 4.1 Header
- 4.2 Hero de página
- 4.3 Detalle de servicios en acordeón expandible
- 4.4 Tabla comparativa de paquetes (sin precios)
- 4.5 FAQ de servicios
- 4.6 CTA final
- 4.7 Footer
PRECIOS
- 5.1 Header
- 5.2 Hero de página
- 5.3 Tres tarjetas de planes con bullets (sin importes)
- 5.4 Tabla de comparación de features
- 5.5 FAQ de facturación
- 5.6 Footer
BLOG
- 6.1 Header
- 6.2 Hero de página con post destacado
- 6.3 Filtros por categoría tipo chips
- 6.4 Grid de artículos con imagen, fecha y autor
- 6.5 Paginación
- 6.6 Footer
CONTACTO
- 7.1 Header
- 7.2 Hero de página con email grande
- 7.3 Formulario de contacto en dos columnas con info lateral
- 7.4 Mapa visual y datos del estudio
- 7.5 Bloque de FAQ rápido
- 7.6 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
