NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la siguiente descripción, sin copiar ningún texto literal. Marca ficticia: AyudaClave, dominio: ayudaclave.com, claim: "Centro de ayuda sencillo y estructurado".
**Objetivo**: Plataforma de soporte y documentación en línea con una barra de navegación fija, hero con título y enlaces rápidos, bloques de acceso directo, lista de artículos destacados, secciones de noticias, eventos y FAQs en tres columnas, y una CTA final de contacto.
**Paleta de colores** (extraída del original):
- Azul principal: #2b78be
- Rojo destacado: #d54c4c
- Violeta: #8659c5
- Naranja: #f28023
- Fondo oscuro para header/hero: #1a202c (gris muy oscuro)
- Texto claro: #ffff
5.013 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.013 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 Bloque de acceso rápido a tres secciones principales
- 1.4 Artículos Destacados en tres columnas
- 1.5 Noticias, Eventos y FAQs en columnas paralelas
- 1.6 CTA final de contacto
KNOWLEDGE BASE
- 2.1 Lista de artículos categorizados con tarjetas
- 2.2 Sidebar con filtros de categoría (opcional)
NEWS
- 3.1 Lista de entradas de blog con fecha y título
- 3.2 Paginación simple
EVENTS
- 4.1 Agenda de eventos con fecha, hora y título
- 4.2 Enlace a detalle del evento
FAQS
- 5.1 Preguntas frecuentes con acordeón colapsable
- 5.2 Enlace a página completa de FAQs
CONTACT US
- 6.1 Formulario de contacto básico (nombre, email, mensaje)
- 6.2 Información de horario y canal de soporte
PROMPTS RELACIONADOS · NEWS / NEWSPAPER
