NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page one-page completa en un único archivo HTML autocontenido para 'Brizia Studio', una agencia ficticia de marketing digital y estrategia de marca con sede en Madrid. Dominio brand: briziastudio.com, email de contacto hola@briziastudio.com, año 2025. Claim: 'Estrategia, contenido y datos para marcas con ambición'.
STACK TÉCNICO:
- HTML5 semántico en un único archivo .html
- Tailwind CSS vía CDN (<script src='https://cdn.tailwindcss.com'></script>)
- JS vanilla embebido (sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts)
- Sin imágenes externas: usa placeholders con gradientes, SVG inline o divs con fondo de color
- Totalmente responsive (mobile-first, breakpoints md y lg)
- Animaciones suaves con CSS (transitions, keyframes) y pequeñas interacci
7.754 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.754 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 Navbar con dropdowns y CTA
- 1.2 Hero con badge, titular bicolor y doble CTA
- 1.3 Marquee de logos clientes
- 1.4 Grid de servicios (6 tarjetas)
- 1.5 Sobre nosotros con stats
- 1.6 Proceso en 4 pasos
- 1.7 Proyectos destacados
- 1.8 Testimonios slider
- 1.9 Tarjetas de planes
- 1.10 Blog reciente
- 1.11 CTA final
- 1.12 Footer extenso
SOBRE NOSOTROS
- 2.1 Hero interior con título y breadcrumb
- 2.2 Historia y misión a dos columnas
- 2.3 Valores en grid de 4
- 2.4 Equipo con fotos
- 2.5 Stats animados
- 2.6 CTA final
PROYECTOS
- 3.1 Hero interior
- 3.2 Filtros por categoría
- 3.3 Grid masonry de proyectos
- 3.4 CTA final
PRECIOS
- 4.1 Hero interior
- 4.2 Toggle mensual/anual
- 4.3 3 planes detallados
- 4.4 Tabla comparativa
- 4.5 FAQ
BLOG
- 5.1 Hero interior
- 5.2 Artículo destacado
- 5.3 Grid de artículos con filtros
- 5.4 Paginación
CONTACTO
- 6.1 Hero interior
- 6.2 Formulario + datos de contacto
- 6.3 Mapa
- 6.4 FAQ rápida
PROMPTS RELACIONADOS · CORPORATIVO
