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 **Instituto Valle**. Usa HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y los patrones visuales del sitio original sin copiar textos ni imágenes.
**Paleta de colores**
- Primario: #1E3A8A (azul profundo)
- Secundario: #F59E0B (amarillo vibrante)
- Acento: #3B82F6 (azul medio)
- Fondo claro: #F9FAFB
- Texto oscuro: #111827
- Texto gris: #6B7280
**Tipografía**
- Fuente principal: Inter (Google Font) – peso 400 y 600.
- Fuente secundaria: Roboto Mono para bloques de código.
**Header**
- Barra de navegación fija, fondo blanco, sombra ligera.
- Logo a la izquierda (texto Instituto Valle).
- Menú con enlaces: Home, Documentations, Forum, Blog, FAQ.
- Item "Home" tiene dropdown
4.717 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.717 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 Header con logo, menú y CTA de registro.
- 2.1 Hero con encabezado, buscador y tags populares.
- 3.1 Sección de procesos: 6 tarjetas con icono, título y breve descripción.
- 4.1 Sección de recursos: 6 tarjetas con título y resumen.
DOCUMENTATION
- 1.1 Header idéntico al Home.
- 2.1 Lista de documentos y categorías (placeholder).
FORUM
- 1.1 Header idéntico.
- 2.1 Área de hilos recientes y categorías.
BLOG
- 1.1 Header idéntico.
- 2.1 Feed de artículos con imagen, título y extracto.
FAQ
- 1.1 Header idéntico.
- 2.1 Lista de preguntas frecuentes en acordeón.
SIGN-UP
- 1.1 Header idéntico.
- 2.1 Formulario de registro con campos básicos.
PROMPTS RELACIONADOS · EDUCACIÓN
