NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura descritos, usando Tailwind CSS vía CDN y JavaScript vanilla solo para el menú móvil y el carrusel de logos. Marca ficticia: Magazine Zenit, dominio magazinezenit.com. Paleta de colores: #0A0A0A (texto negro), #FFFFFF (fondo), #6C63FF (acento morado), #F4F4F4 (gris claro). Tipografía: Inter (Google Fonts) para encabezados y texto, peso 400‑600.
HEADER: barra de navegación fija, fondo blanco, logo SVG placeholder, enlaces: Inicio, Sobre nosotros, Servicios, Eventos, Artículos, Contacto. Botón secundario con fondo morado y texto blanco "Suscríbete". Menú colapsable en móvil con icono hamburguesa.
SECCIÓN 1 (Hero): contenedor full‑width con imagen de fondo responsive, overlay semi‑transparente
4.368 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.368 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 con logo, enlaces y botón de suscripción
- 2.1 Hero full‑width con fondo ilustrado, título, subtítulo y dos CTA
- 3.1 Carrusel de logos de confianza
- 4.1 Bloque descriptivo "qué hacemos" con título, párrafo y botón
- 5.1 Grid de 6 tarjetas de funcionalidades
- 6.1 Sección newsletter con texto y visual complementario
- 7.1 Grid de testimonios y métricas
- 8.1 Footer con enlaces, redes y contacto
ABOUT
- 1.1 Cabecera con título y breadcrumb
- 2.1 Texto descriptivo de la empresa
- 3.1 Imagen ilustrativa lateral
- 4.1 Lista de valores y misión
- 5.1 CTA a contacto
SERVICES
- 1.1 Encabezado de servicios
- 2.1 Grid de tarjetas descriptivas de cada servicio
- 3.1 Testimonios cortos
- 4.1 CTA a solicitud de demo
EVENTS
- 1.1 Lista de eventos próximos en formato tarjeta
- 2.1 Filtros por ubicación y fecha
- 3.1 Botón de registro
ARTICLES
- 1.1 Listado de artículos con imagen, título y extracto
- 2.1 Paginación inferior
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Información de contacto y mapa embed
- 3.1 CTA a suscripción al newsletter
PROMPTS RELACIONADOS · BLOG / REVISTA
