NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Sabios Hub** (sabioshub.com), una plataforma educativa que centraliza artículos, tutoriales y preguntas frecuentes. Utiliza **HTML único con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo, sin dependencias externas.
**Paleta de colores** (extraída del diseño original):
- Primario: #0A0A0A (casi negro)
- Secundario: #FFFFFF (blanco)
- Acento 1: #0066FF (azul vibrante)
- Acenso 2: #F5F5F5 (gris claro)
- Texto principal: #222222
**Tipografía**: Inter (cargar desde Google Fonts) para encabezados y texto de cuerpo, peso 400 y 600.
**Estructura general**:
- `<header>`: barra de navegación fija, logo a la izquierda (texto "Sabios Hub" con estilo bold), enlaces: "Temas", "Blog", "Comunidad", "FAQ", "Contacto". Botón de
4.068 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.068 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 de navegación con logo, enlaces principales y botón de contacto
- 1.2 Hero con título, subtítulo y campo de búsqueda central
- 1.3 Sección de bienvenida con texto descriptivo y video ilustrativo
- 1.4 Cuadrícula de tarjetas de categorías (Topics) con iconos y llamadas a la acción
- 1.5 Lista de artículos destacados en formato grid responsive
- 1.6 Área de FAQ con acordeón interactivo
- 1.7 Footer con enlaces de ayuda, redes sociales y datos de contacto
BLOG
- 2.1 Lista de entradas del blog en formato lista con miniaturas
- 2.2 Barra lateral con categorías y últimos artículos
- 2.3 Paginación al final de la lista
FAQ
- 3.1 Encabezado de página FAQ
- 3.2 Acordeón con preguntas y respuestas
- 3.3 Formulario rápido de contacto para más dudas
CONTACTO
- 4.1 Formulario de contacto (nombre, email, mensaje)
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Información de soporte y correo de ayuda
POLÍTICAS
- 5.1 Texto de política de privacidad
- 5.2 Condiciones de uso
- 5.3 Enlaces de regreso al Home
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image