NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web one-page en un solo archivo HTML usando Tailwind CSS por CDN y JavaScript vanilla para una agencia ficticia de marketing de influencia llamada **Briolux Talent** (dominio brioluxtalent.com, email hola@brioluxtalent.com, año 2025). Claim: "Conectamos marcas con voces que de verdad escuchan". Sector: representación de creadores de contenido y campañas con influencers para marcas medianas y grandes. Tono: confiado, directo, sin marketing barato, en español de España.
## Stack técnico
- Un único archivo `index.html` autocontenido.
- Tailwind CSS vía CDN (`https://cdn.tailwindcss.com`) con configuración inline para extender colores y fuentes.
- JavaScript vanilla para: toggle de menú móvil, botón play/pause del vídeo del hero, animaciones de aparición al hacer scroll (Intersection
8.179 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.179 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 fija con logo y CTA Hablemos
- 1.2 Hero tres líneas con vídeo y testimonio
- 1.3 Clientes con grid de logos
- 1.4 Casos de estudio en lista con vídeo
- 1.5 Servicios en tarjetas
- 1.6 Red de creadores en grid
- 1.7 Métricas destacadas
- 1.8 Testimonios en carrusel
- 1.9 CTA final de contacto
- 1.10 Footer oscuro
CREADORES
- 2.1 Navbar
- 2.2 Hero de la sección con filtro por nicho
- 2.3 Grid de tarjetas de creadores con métricas
- 2.4 CTA para unirse al roster
- 2.5 Footer
CASOS
- 3.1 Navbar
- 3.2 Hero con título de archivo
- 3.3 Lista de casos con miniatura, número y nombre
- 3.4 Bloque destacado de caso featured
- 3.5 Footer
SERVICIOS
- 4.1 Navbar
- 4.2 Hero de servicios
- 4.3 Detalle de cada servicio en bloques alternos texto/imagen
- 4.4 Proceso de trabajo en pasos numerados
- 4.5 CTA final
- 4.6 Footer
CONTACTO
- 5.1 Navbar
- 5.2 Hero con titular de contacto
- 5.3 Formulario en dos columnas con datos de la agencia al lado
- 5.4 Mapa o imagen ambiental
- 5.5 Footer
PROMPTS RELACIONADOS · CORPORATIVO