NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Marketing Alba (agencia digital) usando HTML + Tailwind CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original:
- **Header**: barra fija, logo a la izquierda, menú hamburguesa animado a la derecha, enlace a la ubicación "New York, US". Usa una tipografía sans‑serif moderna (por ejemplo Inter) y colores #1a1a1a (texto), #f5f5f5 (fondo), #e63946 (acento).
- **Hero**: sección a pantalla completa con vídeo de fondo autoloop muted, overlay oscuro 40%, textos grandes centrados (h2 con tamaño 4xl) y dos subtítulos, miniaturas de navegación debajo que cambian el vídeo al hacer clic. Incluye botón de pausa/reproducción.
- **Presentación**: contenedor absoluto con dos bloques de texto superpuest
3.848 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.848 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 Barra de navegación fija con logo y menú hamburguesa
- 1.2 Hero principal con vídeo de fondo, textos superpuestos y miniaturas de navegación
- 1.3 Sección de presentación con título y subtítulo centrados
- 1.4 Galería de trabajos en cuadrícula con overlays y etiquetas descriptivas
- 1.5 Footer minimalista con datos de contacto y enlaces sociales
ABOUT
- 1.1 Header con título de la página
- 1.2 Texto descriptivo de la agencia y valores
- 1.3 Equipo en tarjetas con foto y rol
- 1.4 CTA para contactar
WORK
- 1.1 Header con título de la sección
- 1.2 Filtro de categorías (opcional)
- 1.3 Cuadrícula de proyectos con imagen/video, overlay y descripción breve
- 1.4 Paginación o carga incremental
JOURNAL
- 1.1 Header con título de la sección
- 1.2 Lista de artículos en formato tarjeta con imagen, título, extracto y fecha
- 1.3 Sidebar con categorías y suscripción al newsletter
CONTACT
- 1.1 Header con título de la página
- 1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.3 Mapa estático de ubicación
- 1.4 Información de contacto y redes sociales
PROMPTS RELACIONADOS · DIGITAL AGENCY
