NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Media Ámbar (mediaambar.com), agencia digital de diseño y branding. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura de la plantilla analizada sin copiar texto original.
---
**Paleta de colores** (extraer del estilo original):
- Principal: #0D0D0D (negro profundo)
- Secundario: #FFFFFF (blanco)
- Acento 1: #FF6B6B (rojo coral)
- Acuerdo 2: #4A90E2 (azul vibrante)
- Gris claro: #F5F5F5
**Tipografía**: Usa Inter (Google Fonts) para todo el texto, peso 400 para cuerpo y 600 para encabezados.
**Header** (sticky, barra de navegación):
- Container centrado, ancho máximo 1200px, flex entre logo centrado y menú a izquierda y botón a derecha.
- Logo: texto "Media Ámbar" en I
4.802 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.802 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 de navegación fija con logo centrado y menú.
- 2.1 Hero interior con título, botones y enlace a archivo Figma.
- 3.1 Sección de presentación de tres versiones de home (grid 3 columnas).
- 4.1 Sección de presentación de portafolio (grid 2 columnas).
- 5.1 Footer con información institucional.
SOBRE
- 1.1 Header secundario con título de sección.
- 2.1 Texto descriptivo y foto del equipo.
- 3.1 Valores o servicios en tarjetas.
- 4.1 Call to action.
PORTAFOLIO
- 1.1 Header con filtro de categorías.
- 2.1 Grid de imágenes de proyectos con overlay y botón “Ver detalle”.
- 3.1 Paginación simple.
- 4.1 Footer común.
CONTACTO
- 1.1 Header con título de contacto.
- 2.1 Formulario de contacto (nombre, email, mensaje).
- 3.1 Mapa incrustado.
- 4.1 Información de contacto y redes.
- 5.1 Footer común.
PROMPTS RELACIONADOS · DIGITAL AGENCY
