NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "AyudaFácil" (ayudafacil.com) que reproduzca el diseño y la estructura del centro de ayuda analizado. El sitio debe estar implementado en un solo archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas.
**Objetivo**: Un portal de soporte SaaS con barra superior informativa, navegación principal, hero con buscador, cuadrícula de categorías, enlaces rápidos y sección CTA con tarjetas de acción.
**Stack**: HTML5, TailwindCSS (https://cdn.jsdelivr.net/npm/tailwindcss@3.4.1/dist/tailwind.min.css), script inline para toggles de menú móvil y búsqueda.
**Paleta de colores**:
- #1F2937 (gris oscuro para fondo de encabezado y footer)
- #F9FAFB (gris muy claro para fondo principal)
- #3B82F6 (azul primario para boton
4.539 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.539 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 superior con mensaje de bienvenida
- 2.1 Header de navegación con logo, enlaces y botón de búsqueda
- 3.1 Hero con título, formulario de búsqueda y enlaces a temas populares
- 4.1 Cuadrícula de categorías destacadas
- 5.1 Bloque de enlaces rápidos en formato lista con íconos de flecha
- 6.1 Sección CTA con tarjetas de acción
CATEGORIES
- 1.1 Lista de artículos de la categoría (grid cards)
FAQ
- 1.1 Lista de preguntas frecuentes (grid cards)
SUPPORT
- 1.1 Formulario de contacto y datos de soporte
SEARCH-ARTICLES
- 1.1 Campo de búsqueda global y resultados sugeridos
PROMPTS RELACIONADOS · SAAS / STARTUP
