NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estudio Zenit" (agencia digital) usando HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la estructura y patrones visuales del sitio analizado: barra de navegación fija con logo a la izquierda, links de navegación (Home, Sobre nosotros, Proyectos, Blog) y un dropdown "Páginas" con sub‑items (Home, Sobre, Proyectos, Precios, Blog, Detalles de proyecto, Detalles de blog, Contacto, 404, etc.). Incluye un botón primario destacado "Hablemos" y un icono de carrito (sin funcionalidad).
Paleta de colores: #0A0A0A (negro intenso), #FFFFFF (blanco), #1E40AF (azul índigo), #F3F4F6 (gris claro) y acentos #2563EB (azul eléctrico).
Tipografía: Fuente "Inter" para cuerpo y "Poppins" para encabezados, importadas desde
3.748 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.748 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 fija con logo, menú principal, dropdowns y botón primario
- 2.1 Hero principal con título grande, subtítulo, botón CTA y visual de ilustración
- 3.1 Cuadrícula de proyectos destacados con imágenes y enlaces
- 4.1 Contador de métricas (clientes, proyectos, años) con iconos
- 5.1 Testimonios en carrusel compacto
- 6.1 Últimas entradas del blog en tarjetas
- 7.1 Llamado a la acción para contacto con formulario breve
- 8.1 Footer con enlaces de navegación, redes sociales y datos legales
ABOUT
- 1.1 Header reutilizado
- 2.1 Sección sobre nosotros con imagen y texto descriptivo
- 3.1 Valores y misión en tarjetas iconográficas
- 4.1 Equipo con fotos y breves biografías
- 5.1 Footer reutilizado
PROJECTS
- 1.1 Header reutilizado
- 2.1 Galería filtrable de proyectos con tarjetas de imagen y descripción breve
- 3.1 Caso de estudio destacado con texto largo y multimedia
- 4.1 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 2.1 Lista de artículos con imagen, título, extracto y botón leer más
- 3.1 Sidebar con categorías, tags y suscripción al newsletter
- 4.1 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto (nombre, email, mensaje) con botón enviar
- 3.1 Información de contacto y mapa embebido
- 4.1 Footer reutilizado
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · PORTAFOLIO
