NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca **Marketing Coral** (agencia digital) usando **HTML estático, Tailwind CSS vía CDN y JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo #ffffff, texto principal #000000, acentos #111111, hover #222222.
- **Tipografía**: *Inter* (sans‑serif) para títulos y párrafos, peso 400‑700, tamaños fluidos (h1 4rem, h2 2.5rem, p 1rem).
- **Header**: barra superior fija, logo circular (80 px) con texto descriptivo a la derecha, menú hamburguesa con iconos de puntos y animación de cierre, overlay de menú lateral que se despliega desde la izquierda con enlaces: Home, About, Work, News, Contact. Incluye iconos de redes sociales en el menú.
- **Hero**: contenedor centrado, dos bloques
3.834 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.834 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 Cabecera con logo circular y texto descriptivo
- 1.2 Menú hamburguesa con animación Lottie
- 1.3 Botón “View on Webflow” (enlace externo)
- 1.4 Hero principal con título dividido en dos líneas
- 1.5 Enlace de scroll hacia abajo
- 1.6 Grid de presentación de Home One, Home Two, Home Three
- 1.7 Grid de presentación de Work One, Work Two, Work Three, Work Page
- 1.8 Grid de presentación de News One, News Two, News Three
- 1.9 Footer con enlaces de navegación (Home, About, Work, News, Contact) y barra de iconos sociales
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Sección descriptiva del estudio con foto y texto
- 2.3 Equipo destacado en tarjetas
- 2.4 Testimonios en carrusel
- 2.5 Footer igual que Home
WORK
- 3.1 Cabecera reutilizada
- 3.2 Grid de proyectos con imagen, título y flecha
- 3.3 Filtro por categorías
- 3.4 Footer igual que Home
NEWS
- 4.1 Cabecera reutilizada
- 4.2 Lista de artículos con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Footer igual que Home
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto (nombre, email, mensaje, botón envío)
- 5.3 Mapa integrado (embed de Google Maps)
- 5.4 Información de contacto y redes sociales
- 5.5 Footer igual que Home
PROMPTS RELACIONADOS · DIGITAL AGENCY
