NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia AYUDATECH, una plataforma SaaS de soporte y documentación. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura visual del sitio analizado:
- **Paleta de colores**: fondo principal #2b78be (azul), acentos #d54c4c (rojo), #8659c5 (violeta), #f28023 (naranja), textos en blanco y gris oscuro.
- **Tipografía**: fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600.
- **Header**: barra superior fija con logo a la izquierda, menú horizontal (Home, Knowledge Base, News, Events, Page Variations con dropdown) y botón hamburguesa para móvil. Cada ítem incluye un icono de fuente "Font Awesome 5 Free".
- **Hero**: sección a pantalla completa con fondo azul, título grande,
3.844 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.844 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 principal con título, subtítulo y enlaces rápidos dinámicos
- 1.3 Cuadrícula de accesos directos (Base de conocimientos, FAQs, Más preguntas?)
- 1.4 Sección de Artículos Destacados en tarjetas con etiqueta de categoría
- 1.5 Feed de contenido triple: Noticias, Eventos y FAQs en columnas
- 1.6 Llamado a la acción de contacto con tres bloques de soporte
KNOWLEDGE BASE
- 2.1 Listado de artículos con filtros por categoría
- 2.2 Sidebar con categorías y autores
FAQs
- 3.1 Listado de preguntas frecuentes con acordeón
- 3.2 Búsqueda rápida de preguntas
NEWS
- 4.1 Lista de noticias con fecha y resumen
- 4.2 Paginación
EVENTS
- 5.1 Calendario de eventos con tarjetas descriptivas
- 5.2 Botón de registro
CONTACT
- 6.1 Formulario de contacto básico
- 6.2 Información de horario de atención
- 6.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
