NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web corporativa multipágina para la agencia ficticia BRIXOLA STUDIO, una agencia de marketing digital y estrategia de marca con sede en Valencia. Claim: 'Marcas que crecen con criterio'. Dominio brixola.com, email hola@brixola.com, año 2025. Tono profesional, directo, sin jerga marketinera, en español de España.
ALCANCE: entrega TODAS las páginas en un único archivo HTML autocontenido, organizadas como secciones apiladas separadas por un divisor visible con el nombre de la página en mayúsculas. Páginas: Home, Sobre Nosotros, Precios, Proyectos, Detalle de Proyecto, Blog, Detalle de Artículo, Carrera, Detalle de Vacante, Contacto, Privacidad, Términos, 404.
STACK TÉCNICO: HTML5 + Tailwind CSS por CDN (script de cdn.tailwindcss.com) + JavaScript vanilla en un solo archivo. Sin f
7.151 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.151 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 y doble botón
- 1.3 Marquesina de logos de clientes
- 1.4 Grid de servicios 2x2
- 1.5 Sobre nosotros con contadores
- 1.6 Showcase de proyectos asimétrico
- 1.7 Proceso en 4 pasos
- 1.8 Equipo en grid
- 1.9 Slider de testimonios
- 1.10 Tabla de planes
- 1.11 Grid de blog reciente
- 1.12 FAQ en acordeón
- 1.13 CTA final ancho completo
- 1.14 Footer con newsletter
SOBRE NOSOTROS
- 2.1 Navbar
- 2.2 Hero interior con título de página y breadcrumb
- 2.3 Bloque narrativo de misión a dos columnas con imagen
- 2.4 Valores en grid de 4 tarjetas con icono
- 2.5 Línea temporal de la agencia (hitos por año)
- 2.6 Equipo extendido en grid
- 2.7 Logos de clientes
- 2.8 CTA final
- 2.9 Footer
PRECIOS
- 3.1 Navbar
- 3.2 Hero interior con breadcrumb
- 3.3 Toggle mensual/anual y 3 tarjetas de planes
- 3.4 Tabla comparativa detallada de features
- 3.5 FAQ específico de planes
- 3.6 CTA final
- 3.7 Footer
PROYECTOS
- 4.1 Navbar
- 4.2 Hero interior
- 4.3 Filtros por categoría tipo pills
- 4.4 Grid masonry de proyectos con hover
- 4.5 CTA final
- 4.6 Footer
DETALLE DE PROYECTO
- 5.1 Navbar
- 5.2 Cabecera con título, cliente, sector y año
- 5.3 Imagen principal a ancho completo
- 5.4 Bloque de ficha (cliente, servicios, duración, web) y descripción
- 5.5 Galería de imágenes en dos columnas
- 5.6 Resultados con métricas grandes
- 5.7 Navegación a proyecto anterior/siguiente
- 5.8 Footer
BLOG
- 6.1 Navbar
- 6.2 Hero interior
- 6.3 Post destacado horizontal
- 6.4 Filtros por categoría
- 6.5 Grid de artículos
- 6.6 Paginación
- 6.7 Footer
DETALLE DE ARTÍCULO
- 7.1 Navbar
- 7.2 Cabecera con categoría, título, autor y fecha
- 7.3 Imagen principal
- 7.4 Cuerpo del artículo con tipografía editorial y sumarios
- 7.5 Bloque de compartir y tags
- 7.6 Artículos relacionados
- 7.7 Footer
CARRERA
- 8.1 Navbar
- 8.2 Hero interior
- 8.3 Bloque cultura con imágenes
- 8.4 Listado de vacantes con departamento, ubicación y tipo
- 8.5 Beneficios en grid de iconos
- 8.6 CTA final
- 8.7 Footer
DETALLE DE VACANTE
- 9.1 Navbar
- 9.2 Cabecera con puesto, ubicación y tipo
- 9.3 Ficha lateral con datos + descripción larga
- 9.4 Formulario de candidatura
- 9.5 Footer
CONTACTO
- 10.1 Navbar
- 10.2 Hero interior
- 10.3 Bloque dos columnas: formulario + datos de contacto
- 10.4 Mapa o imagen de oficina
- 10.5 Footer
PÁGINAS LEGALES (Privacidad y Términos)
- 11.1 Navbar
- 11.2 Cabecera con título y fecha de actualización
- 11.3 Contenido legal con índice lateral
- 11.4 Footer
404
- 12.1 Navbar
- 12.2 Bloque centrado con número grande, mensaje y botón volver
- 12.3 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
