NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web one-page completa en HTML único autocontenido para la agencia ficticia Brivaldo Studio, una agencia digital especializada en estrategia, contenido, performance y crecimiento en redes sociales. Dominio brivaldo.com, contacto hola@brivaldo.com, año 2025, claim: 'Estrategia, contenido y datos al servicio de tu crecimiento'. Todo el copy debe ser original, en español de España, tono profesional cercano y no marketinero, verbos en activo. No incluyas precios concretos. No utilices ninguna marca real ni textos copiados de otras webs.
STACK Y REQUISITOS TÉCNICOS
- Archivo único index.html con HTML5 + Tailwind CSS vía CDN + JavaScript vanilla en un solo <script>.
- Tipografías Google Fonts: 'Fraunces' (serif, titulares, con italic) y 'Inter' (sans, cuerpo).
- Imágenes desde Unsplas
7.061 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.061 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 fijo transparente con dropdowns y CTA
- 1.2 Hero dark a pantalla completa con titular serif y logos de clientes
- 1.3 Contadores animados sobre fondo negro
- 1.4 Sección Sobre nosotros a dos columnas con imagen y bullets
- 1.5 Grid 2x2 de servicios con cards oscuras
- 1.6 Proceso en 4 pasos numerados
- 1.7 Carrusel de casos de estudio
- 1.8 Slider de testimonios en serif
- 1.9 Grid de equipo en blanco y negro
- 1.10 Bloque de planes con tarjeta destacada
- 1.11 FAQ en acordeón a dos columnas
- 1.12 Últimas entradas del blog en 3 cards
- 1.13 Banner CTA final dorado
- 1.14 Footer extendido con newsletter
SOBRE NOSOTROS
- 2.1 Hero secundario con breadcrumb y titular serif
- 2.2 Misión y visión a dos columnas
- 2.3 Línea temporal de la agencia con hitos por año
- 2.4 Valores en grid de 6 iconos
- 2.5 Galería de cultura de empresa estilo masonry
- 2.6 Equipo directivo en grid de 4
- 2.7 CTA final + footer
SERVICIOS
- 3.1 Hero secundario con eyebrow y titular
- 3.2 Listado vertical de servicios con imagen alternada izquierda/derecha
- 3.3 Bloque de metodología con tabs
- 3.4 Logos de tecnologías y herramientas en marquesina
- 3.5 Banner CTA + footer
CASOS DE ESTUDIO
- 4.1 Hero con filtros por categoría
- 4.2 Grid masonry de proyectos con hover
- 4.3 Bloque de resultados agregados con cifras
- 4.4 CTA + footer
DETALLE DE CASO
- 5.1 Hero con imagen grande y datos del proyecto (cliente, sector, año)
- 5.2 Descripción del reto a dos columnas
- 5.3 Galería de imágenes del proyecto
- 5.4 Resultados con 4 métricas
- 5.5 Testimonio del cliente
- 5.6 Navegación a siguiente caso + footer
PLANES
- 6.1 Hero con toggle mensual/anual
- 6.2 Tabla comparativa de 3 planes
- 6.3 Tabla detallada de prestaciones
- 6.4 FAQ sobre facturación
- 6.5 CTA + footer
EQUIPO
- 7.1 Hero secundario
- 7.2 Grid completo de miembros del equipo
- 7.3 CTA 'Únete al equipo' + footer
DETALLE MIEMBRO
- 8.1 Hero con foto grande y datos personales
- 8.2 Biografía a dos columnas con iconos sociales
- 8.3 Áreas de especialidad en tags
- 8.4 CTA + footer
BLOG
- 9.1 Hero con buscador
- 9.2 Entrada destacada a ancho completo
- 9.3 Grid de artículos con filtros por categoría
- 9.4 Paginación + footer
DETALLE DE ARTÍCULO
- 10.1 Hero con categoría, título, autor y fecha
- 10.2 Imagen destacada
- 10.3 Cuerpo del artículo con tipografía rica
- 10.4 Bloque de autor + compartir
- 10.5 Artículos relacionados + footer
FAQ
- 11.1 Hero secundario
- 11.2 Acordeón agrupado por categorías
- 11.3 CTA de contacto + footer
CONTACTO
- 12.1 Hero con datos de contacto en cards (email, teléfono, dirección)
- 12.2 Formulario amplio a dos columnas con mapa
- 12.3 Footer
404
- 13.1 Mensaje grande en serif con ilustración y CTA a inicio
- 13.2 Footer compacto
PROMPTS RELACIONADOS · AGENCIA DIGITAL
