NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Media Cobalto** (mediacobalto.com) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. La web es una **Agencia digital** y debe replicar la siguiente estructura y estilo basado en el análisis:
---
### Paleta de colores
- Primario: #0D0D0D (casi negro) para fondos y textos principales
- Secundario: #FFFFFF (blanco) para contrastes y áreas de contenido
- Acento 1: #FF6F61 (coral) para botones y elementos interactivos
- Acento 2: #F4F4F4 (gris claro) para fondos de secciones y tarjetas
---
### Tipografía
- Fuente principal: **Inter**, peso 400/600, importada desde Google Fonts
- Fuente de títulos: **Montserrat**, peso 700, importada desde Google Fonts
---
### Header y navegación
- Logo a la izquie
5.405 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.405 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 Menú lateral ocultable con enlaces a Trabajo, Sobre nosotros, Blog y Contacto
- 1.2 Icono de carrito fijo en la esquina con contador
- 1.3 Hero principal: título grande, texto descriptivo y dos botones (ver diseñador, comprar plantilla)
- 1.4 Imagen ilustrativa al lado del hero
- 1.5 Footer minimalista con información de contacto y enlaces sociales
WORK
- 2.1 Grid de proyectos con tarjetas de imagen y título
- 2.2 Filtro por categoría y paginación
ABOUT
- 3.1 Texto institucional con foto del equipo
- 3.2 Valores y misión en columnas
BLOG
- 4.1 Lista de artículos con miniaturas, títulos y extractos
- 4.2 Sidebar con categorías y búsqueda
CONTACT
- 5.1 Formulario de contacto con campos nombre, email y mensaje
- 5.2 Mapa integrado y datos de localización
PROMPTS RELACIONADOS · DIGITAL AGENCY
