NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Conocimiento Hub" (conocimientohub.com) usando una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas).
- Tipo de proyecto: base de conocimientos / recursos (categoría "Knowledge base / Recursos").
- Estructura de carpetas: todo en un solo archivo index.html.
- Paleta de colores: primary #1E3A8A (azul oscuro), secondary #2563EB (azul medio), accent #FBBF24 (amarillo), background #F9FAFB (gris muy claro), text #111827 (negro casi puro).
- Tipografía: "Inter", sans-serif para todo el texto; usar peso 400 y 600 donde corresponda.
- Header: barra fija con logo (texto "Conocimiento Hub" en bold, color primary) y menú horizontal con enlaces a Home, Topics, Blog, Community Forum, FAQ, Contact Us. M
4.003 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.003 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 y menú principal
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Grid de tarjetas de categorías (Topics)
- 1.4 Sección de artículos destacados
- 1.5 Llamada a la comunidad (enlace al foro)
- 1.6 Footer con enlaces y datos de contacto
BLOG
- 2.1 Header idéntico al HOME
- 2.2 Lista de entradas del blog en grid
- 2.3 Sidebar con categorías y búsqueda
- 2.4 Footer idéntico al HOME
FORO
- 3.1 Header idéntico al HOME
- 3.2 Lista de hilos y categorías
- 3.3 Barra lateral de filtros
- 3.4 Footer idéntico al HOME
FAQ
- 4.1 Header idéntico al HOME
- 4.2 Preguntas frecuentes en acordeón
- 4.3 Footer idéntico al HOME
CONTACTO
- 5.1 Header idéntico al HOME
- 5.2 Formulario de contacto simple
- 5.3 Información de contacto y mapa
- 5.4 Footer idéntico al HOME
PROMPTS RELACIONADOS · TECHNOLOGY