NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de agencia digital llamada 'Brixly Studio' (dominio brixlystudio.com, email hola@brixlystudio.com, año 2025). Sector: agencia de marketing y consultoría estratégica para marcas en crecimiento. Claim: 'Estrategia, diseño y crecimiento para marcas que piensan a largo plazo'.
ALCANCE: genera un único archivo HTML autocontenido con todas las páginas como secciones navegables vía hash (#home, #sobre-nosotros, #servicios, #casos, #equipo, #blog, #contacto) o usa una SPA simple con JS vanilla que muestre/oculte secciones. Prioriza la HOME completa y deja el resto de páginas esbozadas con sus bloques principales.
STACK: HTML5 + Tailwind CSS vía CDN (script de tailwindcss play CDN) + JavaScript vanilla en un único archivo. Sin frameworks externos, sin dependencias adicionale
7.831 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.831 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 destacado y tarjeta de casos
- 1.2 Carrusel infinito de logotipos de clientes
- 1.3 Bloque 'Sobre nosotros' con pilares
- 1.4 Grid de servicios con 4 tarjetas
- 1.5 Proceso en 4 pasos numerados
- 1.6 Casos de estudio destacados en grid 2x2
- 1.7 Contadores de impacto sobre fondo oscuro
- 1.8 Slider de testimonios
- 1.9 Grid de equipo
- 1.10 Sección de blog/insights con 3 tarjetas
- 1.11 CTA final ancho
- 1.12 Footer en 4 columnas
SOBRE NOSOTROS
- 2.1 Cabecera con breadcrumb y titular 'Quiénes somos'
- 2.2 Bloque de historia a dos columnas con imagen
- 2.3 Misión y valores en grid de 3 columnas
- 2.4 Línea temporal de hitos
- 2.5 Grid de equipo ampliado
- 2.6 Carrusel de logotipos
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Cabecera con titular y descripción
- 3.2 Listado completo de servicios en filas alternas (imagen + texto)
- 3.3 Bloque de metodología en 4 pasos
- 3.4 Testimonios
- 3.5 CTA final
- 3.6 Footer
SERVICIO DETALLE
- 4.1 Cabecera con categoría, titular y resumen
- 4.2 Descripción extensa con imagen lateral
- 4.3 Entregables en grid de tarjetas
- 4.4 Proceso paso a paso
- 4.5 Casos relacionados
- 4.6 CTA final
- 4.7 Footer
CASOS DE ESTUDIO
- 5.1 Cabecera con filtros por categoría
- 5.2 Grid de casos en mosaico
- 5.3 CTA final
- 5.4 Footer
CASO DETALLE
- 6.1 Hero con imagen grande, cliente, sector y año
- 6.2 Resumen del reto en dos columnas
- 6.3 Galería de imágenes del proyecto
- 6.4 Resultados en cifras
- 6.5 Testimonio del cliente
- 6.6 Siguiente caso
- 6.7 Footer
EQUIPO
- 7.1 Cabecera con titular
- 7.2 Grid completo de miembros del equipo
- 7.3 Bloque 'Únete al equipo' con CTA
- 7.4 Footer
BLOG
- 8.1 Cabecera con titular
- 8.2 Artículo destacado a ancho completo
- 8.3 Grid de artículos con filtros por categoría
- 8.4 Paginación
- 8.5 Footer
BLOG DETALLE
- 9.1 Cabecera del artículo con categoría, título, autor y fecha
- 9.2 Imagen destacada
- 9.3 Cuerpo del artículo con tipografía editorial
- 9.4 Bloque de autor
- 9.5 Artículos relacionados
- 9.6 Footer
CONTACTO
- 10.1 Cabecera con titular y subtítulo
- 10.2 Formulario a dos columnas con bloque de datos de contacto
- 10.3 Mapa o imagen de oficina
- 10.4 FAQ en acordeón
- 10.5 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
