NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada Media Alba, usando un único archivo HTML que incluya Tailwind CSS desde CDN y JavaScript vanilla. Replicar la arquitectura visual del sitio de referencia sin copiar texto ni imágenes. Utiliza la siguiente paleta de colores: #0A0A0A (fondo principal), #1A1A1A (secciones), #FFFFFF (texto), #00C1D4 (acentos), #FF6F61 (destacados). Tipografía: "Inter" para encabezados y "Open Sans" para cuerpo, cargar desde Google Fonts.
Estructura requerida:
1. Navbar fija con logo (SVG placeholder), enlaces Home, About, Services, Case Studies, Contact. Cada enlace debe duplicarse en dos divs para crear efecto hover deslizante.
2. Hero: fondo oscuro, título grande dividido en dos partes (Aurora / Pulse) con animación de entrada, tres imágene
3.738 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.738 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, enlaces duplicados para efecto hover y menú mobile
- 1.2 Hero con título dividido, imágenes superpuestas y marquee de texto
- 1.3 Bloque "Sobre nosotros" con imagen, encabezado y texto descriptivo
- 1.4 Bloque "Servicios" con título y tarjetas de servicio
- 1.5 Footer con enlaces y datos de contacto
ABOUT
- 2.1 Navbar idéntico al de Home
- 2.2 Cabecera interior con título y subtítulo
- 2.3 Texto descriptivo y galería de imágenes
SERVICES
- 3.1 Navbar
- 3.2 Lista completa de servicios en cuadrícula con imágenes y títulos
- 3.3 Llamada a la acción para contactar
CASE STUDIES
- 4.1 Navbar
- 4.2 Grid de estudios de caso con miniaturas y breves descripciones
- 4.3 Filtro por categoría
CONTACT
- 5.1 Navbar
- 5.2 Formulario de contacto básico (nombre, email, mensaje)
- 5.3 Información de contacto y mapa embed
FOOTER (presente en todas las páginas)
- Footer con enlaces de navegación, redes sociales y datos de la empresa
PROMPTS RELACIONADOS · AGENCIA DIGITAL
