NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NexoSoporte** (dominio nexosoporte.com) siguiendo el estilo visual del template analizado. El proyecto debe usar **HTML único** con **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Mantén la estructura y patrones de UI sin copiar texto literal.
**Alcance**
- Cabecera fija con logo a la izquierda y menú colapsable (hamburguesa) a la derecha. En pantallas medianas/pequeñas el menú se despliega verticalmente.
- Hero section con fondo de color primario, título grande, subtítulo y bloque de enlaces rápidos (tres tarjetas horizontales en escritorio, apiladas en móvil).
- Bloque de enlaces directos (Base de Conocimientos, FAQs, Más preguntas) estilo tarjetas con icono, título y breve descripción.
- Sección "Artículos Destacados
4.033 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.033 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 fija con logo y menú colapsable
- 1.2 Hero con título, subtítulo y enlaces rápidos
- 1.3 Tres bloques de acceso directo (Base de Conocimientos, FAQs, Más preguntas)
- 1.4 Artículos destacados (tarjetas en cuadrícula, etiquetas de color)
- 1.5 Paneles de contenido triple: Noticias, Eventos, FAQs (listas con fechas y enlaces)
- 1.6 CTA de soporte (tres botones con enlaces a FAQs y contacto)
KNOWLEDGE BASE
- 2.1 Encabezado de página y filtro de categorías
- 2.2 Lista de artículos en tarjetas con vista previa
- 2.3 Sidebar con enlaces a secciones populares
FAQS
- 3.1 Encabezado y buscador de preguntas
- 3.2 Lista de preguntas con acordeón para respuestas
- 3.3 Enlace a página completa de preguntas
NEWS
- 4.1 Lista de noticias con imagen, fecha y título
- 4.2 Paginación inferior
EVENTS
- 5.1 Calendario simple y lista de eventos próximos
- 5.2 Botón de registro para cada evento
CONTACTO
- 6.1 Formulario de contacto básico (nombre, email, asunto, mensaje)
- 6.2 Información de horario de atención y teléfono
PROMPTS RELACIONADOS · NOTICIAS / PERIÓDICO
