NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Media Atlas** (agencia digital) usando **HTML único + Tailwind CSS CDN + JavaScript vanilla** (todo en un solo archivo). El proyecto debe replicar el diseño analizado:
- **Paleta de colores**: blanco puro (#FFFFFF), negro profundo (#000000), gris medio para textos secundarios (#444444) y acento suave en gris claro (#EEEEEE).
- **Tipografía**: usar `Inter` de Google Fonts para títulos y cuerpo, peso 400‑700. Los encabezados H1‑H3 en 700, párrafos en 400.
- **Header**: barra superior fija con logo a la izquierda (placeholder), menú horizontal (Home, About, Work, Blog, Contact) centrado, barra de contacto a la derecha con email y iconos de redes sociales (Instagram, Facebook, Twitter, LinkedIn, Dribbble) alineados horizontalmente.
- **Hero*
4.623 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.623 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 Cabecera con logo, menú y redes sociales
- 1.2 Hero con título, subtítulo y animación Lottie
- 1.3 Sección Inicio (grid 3 ítems)
- 1.4 Sección Trabajo (grid 3 ítems)
- 1.5 Sección Blog (grid 3 ítems)
- 1.6 Sección Páginas (grid 4 ítems)
- 1.7 Footer con sitemap, contacto, newsletter y copyright
ABOUT
- 1.1 Cabecera común
- 1.2 Título de página y texto descriptivo
- 1.3 Imagen destacada
- 1.4 Equipo o valores en grid
- 1.5 Footer
WORK
- 1.1 Cabecera común
- 1.2 Galería de proyectos en grid
- 1.3 Detalle del proyecto destacado
- 1.4 Testimonios en carrusel
- 1.5 Footer
BLOG
- 1.1 Cabecera común
- 1.2 Lista de entradas en grid con imágenes
- 1.3 Extracto y botón leer más
- 1.4 Sidebar con categorías y suscripción
- 1.5 Footer
CONTACT
- 1.1 Cabecera común
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de contacto y mapa estático
- 1.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 10/07/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
