NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una plataforma SaaS de documentación llamada **App Helio**. Utiliza HTML sencillo, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #F9FAFB
- Texto principal: #111827
- Azul primario (acento): #2563EB
- Gris secundario: #6B7280
- Borde y fondo de tarjetas: #E5E7EB
**Tipografía**: Inter (google fonts), peso 400‑600, tamaños: 64px título hero, 20px subtítulo, 16px texto normal, 14px texto pequeño.
**Estructura**:
- **Header**: barra lateral izquierda fija (w-64) con logo (svg placeholder), botón de colapso, bloque "Guides" con enlaces estáticos, bloque "Categories" con dropdowns para API, Development y Design. En vista móvil, colapsar a navbar superior con logo y botón de expansión que muestra la
3.639 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.639 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 Sidebar con logo, botón de colapso, enlaces a guías y categorías desplegables
- 1.2 Navbar móvil con logo y botón de expansión
- 1.3 Hero: título, subtítulo y barra de búsqueda
- 1.4 Sección Guías: tarjetas de guía con imagen, título, descripción y llamada a la acción
- 1.5 Footer minimalista con enlaces de contacto y redes
GUIDES
- 1.1 Lista de guías en formato tarjeta, cada una con imagen ilustrativa, título, breve descripción y botón "Leer guía"
CATEGORIES
- 1.1 Menú desplegable por categoría (API, Development, Design) con enlaces a artículos relacionados
PROMPTS RELACIONADOS · SAAS / STARTUP
