NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, TailwindCSS (CDN) y JavaScript vanilla en un único archivo que reproduzca el diseño y la estructura de la agencia digital ficticia Media Coral.
**Marca**: Media Coral | **Dominio**: mediacoral.com | **Claim**: Ideas que cobran forma en la red | **Email**: hola@mediacoral.com | **Año**: 2026
**Alcance**: replicar la barra de navegación, hero, secciones de servicios, portafolio, testimonios, blog, tienda, suscripción y footer tal como se describen en el apartado "secciones". Incluir interactividad mínima: dropdown del menú, carrusel de testimonios (JS simple), filtro de portafolio y carrito modal (solo UI, sin lógica de pago).
**Paleta de colores** (extraída del original):
- Primario: #0A0A0A (casi negro)
- Secundario: #FFFFFF (blanco)
- Accent 1: #FF6
4.906 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.906 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, enlaces primarios, dropdown y carrito
- 2.1 Hero con título, subtítulo y llamado a la acción
- 3.1 Cuadrícula de servicios destacados con iconos
- 4.1 Portafolio de trabajos con filtro por categoría
- 5.1 Testimonios en carrusel
- 6.1 Blog destacado con tarjetas de artículos
- 7.1 Sección de tienda con productos destacados
- 8.1 Llamado a la acción final y formulario de suscripción
- 9.1 Footer con enlaces institucionales, redes sociales y créditos
SERVICES
- 1.1 Encabezado de página y descripción corta
- 2.1 Lista de servicios en cuadrícula con iconos y breves descripciones
PORTFOLIO
- 1.1 Encabezado y filtro de categorías
- 2.1 Galería de proyectos en tarjetas con imagen, título y categoría
BLOG
- 1.1 Encabezado de sección
- 2.1 Grid de artículos con imagen, título, extracto y botón leer más
SHOP
- 1.1 Encabezado de tienda
- 2.1 Grid de productos con imagen, nombre, precio y botón añadir al carrito
CONTACT
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje) y botón enviar
- 2.1 Información de contacto y mapa embed
ABOUT
- 1.1 Historia de la agencia y valores
- 2.1 Equipo con fotos y cargos
FOOTER
- 1.1 Lista de enlaces rápidos
- 2.1 Íconos de redes sociales
- 3.1 Créditos y enlace a política de privacidad
PROMPTS RELACIONADOS · DIGITAL AGENCY
