NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a single‑file website using HTML, Tailwind CSS (CDN) and vanilla JavaScript that reproduces the visual design and structure of the reference documentation portal.
--- Brand ---
Name: Suite Zenit
Sector: SaaS de documentación
Domain: suitezenit.com
Claim: Herramientas simples para crear guías claras
Contact: hola@suitezenit.com
Year: 2026
--- Scope ---
Generate the full site with the following pages: home, support, faq, categories, sign‑in, sign‑up. Each page must share a common header, footer and responsive vertical navigation panel.
--- Design System ---
Palette:
Primary: #1e3a8a (deep blue)
Accent: #0ea5e9 (bright cyan for hover/active)
Dark: #000000
Light: #ffffff
Typography: Inter, fallback system‑sans, base size 16px, headings using font‑weight 600.
Rounded corners:
4.943 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.943 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 Cabecera con logo, menú principal y botones de búsqueda y acceso
- 2.1 Barra lateral vertical con bloques de navegación (Getting Started, Customization, Advanced Features, Community)
- 3.1 Artículo principal: título, subtítulo y párrafo introductorio
- 3.2 Bloque de texto enriquecido con encabezados y párrafos
- 3.3 Listado de artículos recomendados (3 tarjetas)
- 4.1 Sección de categorías (tarjetas con icono, título y breve descripción)
- 5.1 Footer con dos columnas de enlaces y créditos
- 6.1 Modal de búsqueda (campo input y botón)
- 7.1 Barra superior promocional (enlace externo)
SUPPORT
- 1.1 Cabecera reutilizada
- 2.1 Contenido: información de soporte y contacto
FAQ
- 1.1 Cabecera reutilizada
- 2.1 Listado de preguntas frecuentes en formato acordeón
CATEGORIES
- 1.1 Cabecera reutilizada
- 2.1 Grid de tarjetas de categorías
SIGN-IN
- 1.1 Cabecera reutilizada
- 2.1 Formulario de acceso (email, contraseña, botón)
SIGN-UP
- 1.1 Cabecera reutilizada
- 2.1 Formulario de registro (nombre, email, contraseña, botón)
PROMPTS RELACIONADOS · SAAS / STARTUP
