NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **Marketing Nácar** (agencia digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe replicar fielmente la estructura y el estilo del sitio analizado, sin copiar texto ni imágenes originales (usar placeholders genéricos).
**Alcance**: páginas Home, About, Project, Journal, Contact y una página Legal. Cada página debe seguir el patrón de bloques descrito en la tabla.
**Paleta de colores**:
- Fondo principal: #F9F9F9
- Texto principal: #222222
- Acento violeta: #6B4C9A
- Gris claro de fondos: #E5E5E5
- Blanco puro: #FFFFFF
**Tipografía** (Google Fonts):
- Headings: 'Inter', sans-serif; weight 700
- Body: 'Inter', sans-serif; weight 400
**Header**: barra superior fija con log
4.880 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.880 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 Hero con título destacado, subtítulo y botón de reproducción de vídeo
- 1.2 Menú overlay con enlaces a Home, Project, About, Journal, Contact y datos de contacto
- 1.3 Servicios grid (Concept, Strategy, Ecommerce, Graphic Design) con iconos
- 1.4 Texto "What we do" y foto decorativa
- 1.5 Sección de presentación con título y botón "Book A Free Kick‑Off Call!"
- 1.6 Galería de proyectos (2 items) con animación y etiquetas
ABOUT
- 2.1 Cabecera con título y párrafo descriptivo
- 2.2 Imagen de fondo y bloque de texto sobre la filosofía
- 2.3 Equipo en cards (foto, nombre, rol)
PROJECT
- 3.1 Lista de proyectos en grid, cada ítem con imagen, título y categoría
- 3.2 Filtro por categoría (opcional)
JOURNAL
- 4.1 Lista de artículos en formato card con imagen, título, extracto y fecha
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.2 Información de dirección y teléfono
- 5.3 Mapa embed
LEGAL
- 6.1 Aviso legal y política de privacidad (texto estático)
PROMPTS RELACIONADOS · AGENCIA DIGITAL
