NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **InfoNexo** siguiendo estas especificaciones y usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo.
**Objetivo**: Reproducir el diseño visual y la arquitectura de la web analizada, sin copiar textos ni imágenes literales. Genera contenido original en español (España).
---
**Paleta de colores**:
- #0F172A (azul marino profundo)
- #1E293B (gris azul)
- #3B82F6 (azul primario)
- #F3F4F6 (gris claro fondo)
- #FFFFFF (blanco)
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400‑600, tamaños escalables con `text-base`, `text-lg`, `text-2xl` etc.
---
**Estructura global**:
1. **Preloader** (visible al cargar) con logo centrado y animación de fade‑in/out.
2. **Header / Navbar**: barra fija, logo a l
4.439 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.439 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 dropdowns
- 1.2 Preloader con logo animado
- 1.3 Hero con título, descripción y formulario de búsqueda
- 1.4 Ilustraciones decorativas a los lados del hero
- 1.5 Sección de categorías destacadas en grid de tarjetas
- 1.6 Bloque de ayuda rápido (texto y CTA)
- 1.7 Footer con enlaces institucionales y redes sociales
CATEGORÍAS
- 2.1 Grid de tarjetas de categoría (icono, título, descripción, botón «Saber más»)
FAQ
- 3.1 Lista de preguntas frecuentes con acordeón
SOPORTE
- 4.1 Formulario de tickets con campos básicos y botón de envío
FORO
- 5.1 Listado de hilos de foro con filtro y paginación
UTILIDADES
- 6.1 Enlaces a páginas de estilo, 404, licencia y changelog
PROMPTS RELACIONADOS · ARQUITECTURA
