NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Media Perla" (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS mediante CDN y JavaScript vanilla para interacciones. El sitio debe replicar el diseño analizado:
- **Paleta de colores**: negro profundo #0a0a0a, blanco puro #ffffff, gris metalizado #4a4a4a, acento azul eléctrico #00bfff, acento magenta suave #ff5e9e.
- **Tipografía**: fuente principal "Inter" (Google Fonts) para textos y "Space Grotesk" para encabezados, tamaños y pesos escalables.
- **Header**: barra de navegación fija con logo a la izquierda, menú a la derecha con enlaces numerados (01‑Homepage, 02‑Projects, 03‑About, 04‑Blog, 05‑Contact) y efecto hover que muestra una línea bajo el texto. Incluye email y enlaces a redes (Behance, Dribbble, X) en
3.665 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.665 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 con logo y menú numerado (links: Inicio, Proyectos, Sobre nosotros, Blog, Contacto)
- 1.2 Hero superior con logo grande y tagline
- 1.3 Hero inferior con bloque de tiempo (HAIL NY) y links a redes sociales
- 1.4 Carrusel multimedia: videos autoloop + imágenes en formato grid horizontal, scroll continuo
- 1.5 Footer con email de contacto y enlaces a redes sociales
PROJECTS
- 2.1 Grid de tarjetas de proyecto, cada una con imagen destacada y título
- 2.2 Paginación simple
ABOUT
- 3.1 Texto descriptivo de la agencia con foto de equipo
- 3.2 Lista de valores y timeline de hitos
BLOG
- 4.1 Lista de artículos con miniatura, título, fecha y extracto
- 4.2 Sidebar con categorías y últimos posts
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa estático de ubicación
- 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
