NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Media Éter** (agencia digital) usando **HTML estático**, **Tailwind CSS via CDN** y **JavaScript vanilla** en un único archivo. Replicar la estructura y estilos de la plantilla analizada sin copiar contenido literal.
---
**Paleta de colores** (adaptada a tonos oscuros y acentos azul‑gris):
- Fondo principal: #0A0E1A
- Fondo secundario / tarjetas: #141822
- Texto principal: #E5E7EB
- Texto secundario: #9CA3AF
- Color acento (botones, hover): #627A8A
- Borde/overlay: rgba(255,255,255,0.1)
**Tipografía**: Use Google Font "Inter" (sans‑serif) para todo el texto. Títulos en peso 700, cuerpo en 400.
---
**Header** (sticky):
- Logo a la izquierda (placeholder SVG).
- Menú de navegación centrado con enlaces: Intro, Home (dropdown con Home 1, H
4.919 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.919 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 Header con logo, menú dropdown y botón Contacto
- 1.2 Hero: título dividido en tres líneas, párrafo descriptivo, botón "Explorar", scroll indicativo y mockup visual
- 1.3 CTA doble‑sided: cuadrícula de 4 bloques repetidos, cada uno con título y símbolo
- 1.4 Galería de tarjetas: grid de 3 cards, cada una con imagen y enlace a versiones de Home
- 1.5 Footer: zona de bajo con enlaces de navegación y datos de contacto (asumido)
PÁGINAS INTERNAS (ejemplo)
- About Us: encabezado, texto descriptivo, foto de equipo, llamada a acción
- Projects: grid de proyectos con filtros, tarjetas con imágenes y descripciones
- Blog: lista de artículos con miniaturas, extractos y enlaces
- Contact Us: formulario simple, mapa incrustado, datos de contacto
PROMPTS RELACIONADOS · AGENCIA DIGITAL
