NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea en un único archivo HTML (con Tailwind CSS por CDN y JavaScript vanilla embebido) la web corporativa de la agencia ficticia 'Brisaforma', una agencia digital especializada en branding, estrategia de marketing y consultoría creativa para marcas que quieren crecer con propósito. Dominio brisaforma.com, email hola@brisaforma.com, año 2025. Claim: 'Diseñamos marcas que crecen con propósito'. Tono profesional, cercano, confiado, sin jerga marketinera. Todo el copy en español de España y 100% original.
ALCANCE: maqueta solo la HOME completa como single page, pero deja el header con enlaces ancla a las secciones (Inicio, Nosotros, Servicios, Casos, Equipo, Blog, Contacto).
STACK: HTML5 + Tailwind CDN + JS vanilla en un solo archivo. Nada de frameworks ni dependencias externas salvo Tailwin
8.370 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.370 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 a dos columnas con titular mixto serif/sans y tarjeta lateral de trabajos
- 1.2 Marquesina de logos de clientes
- 1.3 Bloque sobre nosotros con métricas
- 1.4 Grid de servicios
- 1.5 Casos de estudio destacados
- 1.6 Proceso de trabajo en 4 pasos
- 1.7 Equipo
- 1.8 Testimonios en slider
- 1.9 Últimas entradas del blog
- 1.10 CTA final
- 1.11 Footer
SOBRE NOSOTROS
- 2.1 Hero de página interior con título y migas
- 2.2 Historia de la agencia a dos columnas con imagen
- 2.3 Valores en grid de 3-4 tarjetas
- 2.4 Contadores de logros
- 2.5 Equipo ampliado
- 2.6 CTA y footer
SERVICIOS
- 3.1 Hero interior
- 3.2 Listado largo de servicios con descripción y enlace
- 3.3 Bloque de metodología
- 3.4 FAQ desplegable
- 3.5 CTA y footer
SERVICIO INDIVIDUAL
- 4.1 Hero del servicio con título y descripción
- 4.2 Qué incluye el servicio (lista de entregables)
- 4.3 Proceso específico
- 4.4 Casos relacionados
- 4.5 CTA y footer
CASOS DE ESTUDIO
- 5.1 Hero interior
- 5.2 Grid filtrable de proyectos
- 5.3 CTA y footer
CASO INDIVIDUAL
- 6.1 Portada del proyecto con cliente, sector y año
- 6.2 Resumen del reto
- 6.3 Galería de imágenes del proyecto
- 6.4 Resultados con métricas
- 6.5 Siguiente proyecto y footer
EQUIPO
- 7.1 Hero interior
- 7.2 Grid de personas del equipo
- 7.3 CTA para unirse al equipo
- 7.4 Footer
BLOG
- 8.1 Hero interior
- 8.2 Entrada destacada
- 8.3 Grid de artículos con filtro por categoría
- 8.4 Footer
BLOG INDIVIDUAL
- 9.1 Cabecera del artículo con título, autor, fecha
- 9.2 Cuerpo del artículo con tipografía cuidada
- 9.3 Artículos relacionados
- 9.4 Footer
CONTACTO
- 10.1 Hero interior con titular grande
- 10.2 Formulario de contacto + datos de oficina a dos columnas
- 10.3 Mapa o bloque visual
- 10.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
