NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Blog Zenit** (consultoría estratégica) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir fielmente el patrón visual del sitio analizado: top bar centrado, barra de navegación con logo a la izquierda y menú desplegable multi‑nivel a la derecha, hero con fondo degradado (de #0A0A2A a #1A1A3A), título grande (font "Inter", weight 800, text‑white), subtítulo gris claro y botón CTA azul (#2563EB). Después del hero, incluye una cuadrícula de 3 columnas de servicios con iconos SVG y texto en gris oscuro; luego una sección de valores en tres bloques con icono y texto centrado; una galería de 4 tarjetas de equipo (foto circular, nombre en "Roboto" bold, cargo en regular); un formul
3.443 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.443 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 superior con texto centrado
- 2.1 Header con logo y menú con dropdowns
- 3.1 Hero con título, subtítulo y CTA
- 4.1 Grid de 3 servicios con icono y descripción
- 5.1 Valores destacados en tres columnas
- 6.1 Equipo: tarjetas con foto, nombre y posición
- 7.1 Formulario de contacto simple
- 8.1 Footer completo con enlaces y suscripción
ABOUT
- 1.1 Banner interno con título de página
- 2.1 Texto descriptivo de la empresa y misión
- 3.1 Línea de tiempo o hitos principales
- 4.1 Llamada a la acción a contactar
SERVICES
- 1.1 Lista de servicios en tarjetas con iconos
- 2.1 Detalle expandible o modal por servicio
- 3.1 Testimonios de clientes
TEAM
- 1.1 Galería de miembros del equipo en tarjetas
- 2.1 Filtros por área o ubicación
CONTACT
- 1.1 Formulario completo (nombre, email, teléfono, mensaje)
- 2.1 Mapa embebido y datos de ubicación
- 3.1 Información de contacto y horarios
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 2.1 Sidebar con categorías y newsletter
- 3.1 Paginación
PROMPTS RELACIONADOS · BLOG / REVISTA
