NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Media Nimbo (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. El proyecto debe reproducir la estructura y estilo del sitio analizado, respetando los siguientes requerimientos:
- **Stack**: HTML5, Tailwind CSS (https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css), script inline al final del body.
- **Paleta de colores**: #0A0A0A (negro profundo), #1F2937 (gris 800), #3B82F6 (azul primario), #10B981 (verde acento), #F9FAFB (gris muy claro) y #FFFFFF (blanco).
- **Tipografía**: Font‑family "Inter", sans‑serif; tamaños base: text‑sm (0.875rem), text‑base (1rem), text‑lg (1.125rem), text‑2xl (1.5rem), text‑4xl (2.25rem).
- **Header**: barra superior fija con mensaje informativo y
4.438 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.438 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 Barra superior con aviso breve y CTA
- 1.2 Header con logo y menú con dropdowns
- 1.3 Hero con título, subtítulo y botón principal
- 1.4 Servicios en tres columnas, iconos y texto
- 1.5 Métricas tipo contadores animados
- 1.6 Testimonios en carrusel
- 1.7 CTA secundaria con formulario de captura
- 1.8 Footer con enlaces, socials y contacto
ABOUT
- 1.1 Hero interno con título y descripción
- 1.2 Historia de la agencia en dos columnas
- 1.3 Equipo con tarjetas y foto
- 1.4 Valores en iconos y texto
- 1.5 CTA a proyectos
PRICING
- 1.1 Tabla comparativa de planes en tres columnas
- 1.2 Beneficios por plan con iconos
- 1.3 Preguntas frecuentes accordion
- 1.4 CTA de suscripción
BLOG
- 1.1 Lista de artículos en grid de dos columnas
- 1.2 Extractos con imagen, título y meta
- 1.3 Sidebar con categorías y newsletter
- 1.4 Paginación
CONTACT
- 1.1 Formulario de contacto completo
- 1.2 Mapa incrustado
- 1.3 Información de oficina y redes
- 1.4 CTA de apoyo
INTEGRATION
- 1.1 Detalle de integración con caso de estudio
- 1.2 Galería de screenshots
- 1.3 Testimonio del cliente
- 1.4 Botón de solicitud demo
CAREER
- 1.1 Listado de vacantes en tarjetas
- 1.2 Descripción de cultura y beneficios
- 1.3 Formulario rápido de aplicación
- 1.4 CTA a enviar CV
BLOG SINGLE
- 1.1 Artículo completo con título, fecha y autor
- 1.2 Contenido con bloques tipográficos y multimedia
- 1.3 Comentarios integrados
- 1.4 Artículos relacionados al final
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
