NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página usando HTML, Tailwind CSS CDN y JavaScript vanilla. La marca se llama **Saas Alba** (dominio saasalba.com) y es una plataforma SaaS para crear documentación técnica.
**Objetivo**: reproducir el layout y la estética del sitio origen sin copiar textos ni imágenes. Genera contenido ficticio en español (España) y usa iconos SVG genéricos.
**Paleta de colores**:
- Fondo principal: #F9FAFB (gris muy claro)
- Sidebar / barra lateral: #1F2937 (gris oscuro)
- Texto principal: #111827 (casi negro)
- Texto secundario: #6B7280 (gris medio)
- Accent / botones: #2563EB (azul brillante)
- Hover accent: #1D4ED8
**Tipografía**: Inter, sans‑serif (cargar desde Google Fonts). Usar `font-sans` de Tailwind.
**Estructura**:
1. **Sidebar (desktop)** – posición fi
4.092 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.092 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 lateral con logo, botón de colapso y menús de guías y categorías
- 1.2 Navbar móvil con logo y botón de expansión
- 1.3 Hero con título, subtítulo y formulario de búsqueda
- 1.4 Sección "Guías" con tarjetas dinámicas
- 1.5 Footer minimalista
GUIDES
- 2.1 Lista de artículos de la guía seleccionada con título y contenido
CATEGORIES
- 3.1 Lista de artículos filtrados por categoría con título y resumen
SEARCH
- 4.1 Resultados de búsqueda con tarjetas resumidas
PROMPTS RELACIONADOS · SAAS / STARTUP
