NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Media Lira" (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Usa la siguiente paleta de colores: #0D0D0D (fondo principal), #1F2937 (gris oscuro para bloques), #0EA5E9 (cian destacado), #FFFFFF (texto claro). Tipografía principal: Inter (cargada vía Google Fonts) para títulos y párrafos; Roboto para botones y formularios.
Estructura y requisitos:
- **Header**: barra fija de altura 80px, fondo #0D0D0D, logo SVG a la izquierda (simple forma geométrica), menú horizontal con enlaces Home, Servicios, Portafolio, Blog, Contacto; a la derecha icono de carrito minimalista con contador circular (#0EA5E9 fondo, número blanco). Menú colapsable en móvil (>768px).
- **Hero**: sección full‑width, altura 10
4.390 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.390 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 fija con logo, navegación y carrito
- 2.1 Hero principal con título, subtítulo y botones CTA
- 3.1 Bloque de servicios en tres columnas con iconos
- 4.1 Portafolio con carrusel de imágenes
- 5.1 Testimonios en tarjetas deslizables
- 6.1 Contador de métricas (proyectos, clientes, años)
- 7.1 Formulario de contacto simple
- 8.1 Pie de página con enlaces, newsletter y redes sociales
SERVICIOS
- 1.1 Listado de servicios en sección individual con descripción y botón "Más info"
PORTFOLIO
- 1.1 Galería de proyectos con filtro por categoría y vista modal
TESTIMONIOS
- 1.1 Página dedicada a reseñas de clientes con avatar y rating
CONTACTO
- 1.1 Formulario de contacto completo (nombre, email, mensaje) y mapa incrustado
BLOG
- 1.1 Lista de artículos con tarjetas, imagen, título y extracto
POLÍTICA DE PRIVACIDAD
- 1.1 Texto legal estático
PROMPTS RELACIONADOS · AGENCIA DIGITAL
