NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada Marketing Boreal (marketingboreal.com). Utiliza HTML5 y TailwindCSS vía CDN en un solo archivo con JavaScript vanilla para animaciones sencillas. Emula el diseño observado:
- Paleta de colores: negro profundo #0a0a0a, azul eléctrico #0d6efd, gris claro #f5f5f5, blanco puro #ffffff, acento violeta #6f42c1.
- Tipografía: "Inter" para cuerpos y "Poppins" para titulares, tamaños responsivos (h1 4rem, h2 2.5rem, cuerpo 1rem).
- Header: barra transparente que se vuelve opaca al hacer scroll, logo SVG a la izquierda, menú horizontal con enlaces (Inicio, Sobre nosotros, Proyectos, Servicios, Blog, Equipo, Contacto). Incluye un dropdown multicolumna bajo "Más" con enlaces a página de caso de estudio, licencia, changelog y FAQ. Bo
3.830 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.830 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 fija con logo, menú horizontal, dropdown multicolumna y botón de contacto.
- 1.2 Hero principal con titular tipográfico dividido en bloques, animaciones de aparición y collage de imágenes flotantes.
- 1.3 Área de hero inferior con texto descriptivo y enlaces a redes sociales.
- 1.4 Sección de servicios con encabezado grande y párrafo introductorio.
ABOUT US
- 1.1 Cabecera compartida.
- 1.2 Imagen destacada y texto institucional.
- 1.3 Valores y equipo.
CASE STUDY
- 1.1 Cabecera compartida.
- 1.2 Portafolio de proyectos con filtros.
- 1.3 Testimonios.
SERVICES
- 1.1 Cabecera compartida.
- 1.2 Listado de servicios con iconos y descripciones.
- 1.3 CTA a contacto.
CONTACT
- 1.1 Cabecera compartida.
- 1.2 Formulario de contacto sencillo.
- 1.3 Información de ubicación y mapa.
BLOG
- 1.1 Cabecera compartida.
- 1.2 Lista de artículos con miniaturas.
- 1.3 Sidebar con categorías y newsletter.
FOOTER (presente en todas las páginas)
- 1.1 Enlaces de navegación secundaria.
- 1.2 Redes sociales.
- 1.3 Avisos legales y copyright.
PROMPTS RELACIONADOS · DIGITAL AGENCY
