NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Eres Claude Design. Genera un sitio web COMPLETO de una sola página HTML autocontenida que represente la HOME de la siguiente marca ficticia, replicando un estilo de agencia digital moderna con estética oscura y acentos violeta.
## Marca
- Nombre: Brendix Studio
- Sector: Agencia de marketing digital y estrategia de marca
- Dominio: brendixstudio.com
- Email: hola@brendixstudio.com
- Claim: 'Marketing que ordena ideas y mueve negocios'
- Año: 2025
- Idioma: español de España, tono claro y directo, sin jerga marketinera, verbos en activo. No incluyas precios concretos (usa 'desde' o deja el importe como '—').
## Stack y entrega
- Un único archivo HTML autocontenido.
- Tailwind CSS vía CDN (script https://cdn.tailwindcss.com).
- JavaScript vanilla en línea para: menú móvil, dropdowns del n
8.467 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.467 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 oscuro con dropdowns y CTA Contacto
- 1.2 Hero con badge, titular dual-color, subtítulo y doble CTA animado
- 1.3 Marquee de logos de clientes
- 1.4 Sobre nosotros a dos columnas con contadores
- 1.5 Grid de 6 servicios
- 1.6 Proceso en 4 pasos
- 1.7 Portfolio con filtros y grid asimétrico
- 1.8 Estadísticas a ancho completo
- 1.9 Slider de testimonios
- 1.10 Equipo en grid
- 1.11 Tabla de precios con 3 planes
- 1.12 Últimas entradas del blog
- 1.13 FAQ con acordeones
- 1.14 CTA final con gradiente
- 1.15 Footer a 4 columnas
SOBRE NOSOTROS
- 2.1 Navbar
- 2.2 Hero de página interna con breadcrumb y titular
- 2.3 Bloque historia con texto largo a dos columnas
- 2.4 Misión, visión y valores en 3 tarjetas
- 2.5 Estadísticas con contadores
- 2.6 Equipo extendido
- 2.7 Sección de cultura con galería
- 2.8 CTA final
- 2.9 Footer
PRECIOS
- 3.1 Navbar
- 3.2 Hero interno con titular y subtítulo
- 3.3 Toggle mensual/anual y tabla comparativa de 3 planes
- 3.4 Tabla detallada de funciones incluidas por plan
- 3.5 FAQ sobre facturación
- 3.6 CTA final
- 3.7 Footer
PROYECTOS
- 4.1 Navbar
- 4.2 Hero interno
- 4.3 Filtros por categoría
- 4.4 Grid de proyectos con paginación
- 4.5 CTA final
- 4.6 Footer
DETALLE DE PROYECTO
- 5.1 Navbar
- 5.2 Hero con título del proyecto y meta (cliente, año, servicios)
- 5.3 Imagen destacada a ancho completo
- 5.4 Resumen del reto a dos columnas
- 5.5 Galería de imágenes alternada
- 5.6 Resultados con contadores
- 5.7 Navegación a proyecto siguiente/anterior
- 5.8 Footer
BLOG
- 6.1 Navbar
- 6.2 Hero interno
- 6.3 Entrada destacada a ancho completo
- 6.4 Filtros por categoría
- 6.5 Grid de artículos con paginación
- 6.6 Suscripción al newsletter
- 6.7 Footer
DETALLE DE BLOG
- 7.1 Navbar
- 7.2 Cabecera del artículo con meta y título
- 7.3 Imagen destacada
- 7.4 Cuerpo del artículo con índice lateral pegajoso
- 7.5 Bloque de autor
- 7.6 Artículos relacionados
- 7.7 Footer
CARRERAS
- 8.1 Navbar
- 8.2 Hero interno
- 8.3 Cultura y beneficios en grid
- 8.4 Listado de vacantes con filtros
- 8.5 CTA candidatura espontánea
- 8.6 Footer
CONTACTO
- 9.1 Navbar
- 9.2 Hero interno
- 9.3 Bloque a dos columnas: formulario + datos de contacto
- 9.4 Mapa estilizado
- 9.5 FAQ breve
- 9.6 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
