NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
***
**Objetivo**: Recrear el diseño visual y la estructura de la web de centro de ayuda analizada, bajo la marca ficticia "Ayuda Clara".
**Stack**: HTML único, Tailwind CSS vía CDN, JavaScript vanilla (solo para el toggle del menú móvil y envío del formulario de búsqueda). Todo el código en un solo archivo.
**Paleta de colores**:
- #1F2937 (gris oscuro, fondo principal y encabezados)
- #3B82F6 (azul primario, botones y enlaces destacados)
- #F9FAFB (gris muy claro, fondos de secciones separadas)
- #9CA3AF (gris medio, texto secundario)
- #FFFFFF (blanco, texto principal sobre fondo oscuro)
**Tipografía**: Inter (Google Fonts) para todo el sitio, tamaños escalables con clases Tailwind (text-4xl, text-lg, etc.).
**Header**:
- Barra superior fija con mensaje de bienvenida y fondo #F9FAFB, tex
4.414 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.414 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 de bienvenida
- 1.2 Cabecera con logo y navegación
- 1.3 Hero con buscador y temas populares
- 1.4 Grid de categorías
- 1.5 Enlaces rápidos
- 1.6 CTA con tarjetas de acción
- 1.7 Footer minimalista
CATEGORIAS
- 2.1 Lista de categorías en formato grid
FAQ
- 3.1 Preguntas frecuentes organizadas en tarjetas
SUPPORT
- 4.1 Formulario de contacto y enlaces a recursos
SEARCH-ARTICLES
- 5.1 Resultados de búsqueda con filtros y paginación
PROMPTS RELACIONADOS · MISCELLANEOUS
