NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **Asistencias Nexus** siguiendo el estilo visual y la estructura del sitio de helpdesk analizado. Usa **HTML estático** con **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo.
**Alcance**: páginas Home, Knowledge Base, News, Events, FAQs y Contact Us. Mantén un diseño responsivo, con barra de navegación fija, hero con título y enlaces rápidos, bloques de acceso rápido, cuadrícula de artículos destacados, columnas paralelas para noticias/eventos/FAQs, y una CTA de contacto con tres botones. Cada página debe reutilizar el mismo header y footer.
**Paleta de colores** (hex):
- Azul primario: #2b78be
- Rojo alerta: #d54c4c
- Púrpura: #8659c5
- Naranja acento: #f28023
- Fondo oscuro: #1a1a1a
- Texto claro: #ffffff
- Texto neutro: #e5e5e5
4.735 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.735 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 Navbar fijo con logo y menú colapsable
- 2.1 Hero con título, subtítulo y enlaces rápidos
- 3.1 Bloque de acceso rápido a Knowledge Base, FAQs y Contacto
- 4.1 Artículos Destacados (grid 3 columnas)
- 5.1 Noticias, Eventos y FAQs (3 columnas paralelas)
- 6.1 CTA de contacto con tres botones
KNOWLEDGE BASE
- 1.1 Header idéntico al Home
- 2.1 Lista de categorías y artículos filtrables
- 3.1 Paginación inferior
NEWS
- 1.1 Header idéntico al Home
- 2.1 Lista cronológica de entradas con fecha y extracto
- 3.1 Sidebar con categorías recientes
EVENTS
- 1.1 Header idéntico al Home
- 2.1 Calendario simplificado y listado de eventos con fecha y descripción breve
- 3.1 Botón de registro
FAQS
- 1.1 Header idéntico al Home
- 2.1 Preguntas frecuentes con acordeón desplegable
- 3.1 Búsqueda por palabras clave
CONTACT US
- 1.1 Header idéntico al Home
- 2.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 3.1 Información de horario y canales de apoyo
PROMPTS RELACIONADOS · BELLEZA / SPA
