NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Agencia Titan, una agencia creativa de producción audiovisual. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS a través del CDN y JavaScript vanilla sin dependencias externas. Utiliza la siguiente paleta de colores: fondo negro #0A0A0A, texto principal #E5E5E5, acento azul #1E40AF, acento rojo #DC2626, gris suave #374151. Tipografía: Headings con "Inter" (sans-serif) y cuerpo con "Roboto".
Estructura y contenido:
1. **Header (nav)** – barra fija superior, logo a la izquierda (texto Agencia Titan) y botón hamburguesa que abre un overlay de menú con enlaces: Home, About, Services, Cases, Contact. Incluye iconos de redes sociales (Instagram, X, LinkedIn, YouTube, Vimeo) alineados a la derecha dentro del overlay.
2. **He
4.277 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.277 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
- 2.1 Hero principal con video de fondo y titular destacado
- 3.1 Sección de servicios en grid de tres columnas
- 4.1 Portafolio de casos con tarjetas interactivas
- 5.1 Bloque "Sobre nosotros" con texto y foto
- 6.1 Llamada a la acción de contacto con formulario sencillo
- 7.1 Footer con iconos sociales, enlaces de navegación y datos de contacto
ABOUT
- 1.1 Encabezado interior con fondo tenue
- 2.1 Historia de la agencia en dos columnas
- 3.1 Equipo destacado con fotos circulares
- 4.1 Footer idéntico al de Home
SERVICES
- 1.1 Lista de servicios con iconos y descripciones
- 2.1 Proceso de trabajo en pasos numerados
- 3.1 Testimonios rotativos
- 4.1 Footer idéntico al de Home
CASE-STUDIES
- 1.1 Galería de proyectos con filtro por categoría
- 2.1 Detalle de proyecto con vídeo incrustado y texto descriptivo
- 3.1 CTA para solicitar presupuesto
- 4.1 Footer idéntico al de Home
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 2.1 Mapa estático de ubicación
- 3.1 Información de contacto directa
- 4.1 Footer idéntico al de Home
PROMPTS RELACIONADOS · AGENCIA DIGITAL
