NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **Media Cabo** usando un único archivo HTML que incluya Tailwind CSS desde CDN y JavaScript vanilla. Replicar la estructura y estilo del sitio analizado sin copiar texto ni imágenes. Utiliza la siguiente paleta de colores: Fondo principal #FFFFFF, Texto principal #111111, Texto secundario #555555, Accentos #0D47A1 (azul intenso) y #E53935 (rojo vibrante). Tipografía: fuentes de Google **"Inter"** para encabezados y **"Open Sans"** para cuerpo.
**Header**: barra superior fija, logo a la izquierda (texto "Media Cabo" con fuente Inter bold, color #0D47A1), menú de navegación a la derecha con enlaces: Home, Projects, Services, About, Blog, Shop. En móviles, colapsar en ícono hamburguesa que abre un overlay con los enlaces.
**Hero**: sección ocupando l
4.355 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.355 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 Header con logo y menú de navegación horizontal
- 1.2 Hero con título grande y subtítulo descriptivo
- 1.3 Galería de proyectos destacados en cuadrícula responsive
- 1.4 Botón de ver todos los trabajos
- 1.5 Texto introductorio de la agencia
- 1.6 Sección "Qué hago mejor" con cuatro bloques de servicio
- 1.7 Footer con enlaces y datos de contacto
PROJECTS
- 2.1 Header reutilizable
- 2.2 Lista de proyectos en cuadrícula con filtros
- 2.3 Detalle de proyecto (imágenes, descripción, herramientas)
- 2.4 Footer
SERVICES
- 3.1 Header reutilizable
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 CTA para contacto
- 3.4 Footer
ABOUT
- 4.1 Header reutilizable
- 4.2 Biografía del equipo y valores
- 4.3 Testimonios de clientes
- 4.4 Footer
BLOG
- 5.1 Header reutilizable
- 5.2 Lista de artículos en tarjetas
- 5.3 Paginación
- 5.4 Footer
SHOP
- 6.1 Header reutilizable
- 6.2 Catálogo de productos en grid
- 6.3 Detalle de producto
- 6.4 Carrito sencillo
- 6.5 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
