NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Magazine Lúmina" (magazinelumina.com) siguiendo el estilo visual del prototipo analizado. Utiliza únicamente HTML, TailwindCSS vía CDN y JavaScript vanilla en un único fichero.
**Alcance**
- Header fijo con logo a la izquierda, menú de navegación (Home, About, Services, Works, Blog, Contact) y botón secundario "Let’s Talk" a la derecha. En móviles, colapsar en ícono hamburguesa.
- Footer oscuro con tres columnas: Navegación, Contacto (email, teléfono), Redes sociales (iconos estilizados). Fondo #111111, texto #EEEEEE.
- Paleta de colores: primario #0EA5E9 (azul cielo), secundario #0F172A (gris muy oscuro), acento #F59E0B (ámbar), fondo principal #FFFFFF, texto principal #1F2937.
- Tipografías:
* Títulos: "Inter", peso 800, tamaños esca
4.240 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.240 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 Header con barra de navegación y botón de contacto
- 1.2 Bloque de presentación personal con foto, texto breve y botones de CV y redes sociales
- 1.3 Hero con título impactante, subtítulo y llamado a servicios
- 1.4 Galería de proyectos destacados en rejilla responsive
- 1.5 Sección de marcas cliente con logotipos alineados
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header reutilizable
- 2.2 Texto descriptivo sobre la trayectoria y metodología
- 2.3 Imagen ilustrativa
- 2.4 Botón de contacto
SERVICES
- 3.1 Header reutilizable
- 3.2 Listado de servicios en tarjetas con iconos y descripción corta
- 3.3 CTA para solicitar presupuesto
WORKS
- 4.1 Header reutilizable
- 4.2 Grid de proyectos con miniaturas, título y breve descripción
- 4.3 Filtro por categoría
- 4.4 Enlace a detalle de proyecto
CONTACT
- 5.1 Header reutilizable
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa integrado
BLOG
- 6.1 Header reutilizable
- 6.2 Lista de artículos con imagen, título, excerpt y fecha
- 6.3 Paginación
PROMPTS RELACIONADOS · BLOG / MAGAZINE
