NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Cloud Zenit, una startup SaaS de marketing digital. Utiliza exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #0A2240 (azul marino), #1E3A8A (azul intenso), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter (sans-serif) para títulos y cuerpo, con pesos 400, 600, 700.
**Estructura**
- **Header** (navbar): logo a la izquierda, menú de navegación con dropdowns mult-nivel (Home, About, Contact, Pricing, Resources, Page), botón CTA a la derecha "Book a demo" con estilo relleno azul y texto blanco. En móviles, colapsar a hamburguesa.
- **Sección 1 – Hero**: contenedor centrado, título grande (h1) "Transforma tu negocio con Interb
4.166 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.166 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 Navbar con logo, menú desplegable y botón CTA.
- 2.1 Hero con título, subtítulo y dos botones CTA.
- 3.1 Bloque de características (grid 3 columnas).
- 4.1 Sección de integraciones (logos de clientes).
- 5.1 Testimonios (carrusel).
- 6.1 CTA secundaria (formulario de captura de email).
- 7.1 Footer con enlaces, redes y datos de contacto.
ABOUT
- 1.1 Header reutilizable.
- 2.1 Texto descriptivo de la empresa.
- 3.1 Equipo y valores.
- 4.1 CTA para contactar.
- 5.1 Footer.
CONTACT
- 1.1 Header.
- 2.1 Formulario de contacto completo.
- 3.1 Información de ubicación y soporte.
- 4.1 Mapa incrustado.
- 5.1 Footer.
PRICING
- 1.1 Header.
- 2.1 Tabla comparativa de planes.
- 3.1 CTA para adquirir cada plan.
- 4.1 Preguntas frecuentes.
- 5.1 Footer.
BLOG
- 1.1 Header.
- 2.1 Lista de artículos en grid.
- 3.1 Sidebar con categorías y últimos posts.
- 4.1 Footer.
LOGIN
- 1.1 Header minimalista.
- 2.1 Formulario de ingreso.
- 3.1 Enlaces a registro y recuperación de contraseña.
- 4.1 Footer.
Imagen generada con DES - designprompting.com · bytedance/seedream-v5.0-lite · 04/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
