NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Ayuda360" (ayuda360.com) siguiendo estos requisitos:
- Stack: un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas.
- Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (gris muy claro), #10B981 (verde accent), #6B7280 (texto secundario).
- Tipografía: Inter (Google Fonts) para títulos y texto, peso 400-700, con fallback system-ui.
- Header: barra de navegación fija, logo a la izquierda, menú principal con items "Temas" (desplegable con pestañas: Shortcodes, Categorías, Contenido, Tour), enlaces simples "FAQ", "Soporte", un dropdown "Foro" con tres enlaces, otro dropdown "Utilidades" con cinco enlaces, y un botón primario "Abrir ticket". En móvil, colapsar en hambur
3.609 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.609 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 con logo, menú desplegable de temas, enlaces a FAQ, Soporte, Foro y utilidades, botón primario
- 2.1 Hero con título de bienvenida, texto descriptivo y formulario de búsqueda
- 3.1 Sección de categorías destacadas con tarjetas de icono, título, descripción y enlace "Conocer más"
- 4.1 Pie de página con enlaces institucionales y redes sociales
FAQ
- 1.1 Cabecera compartida
- 2.1 Lista de preguntas frecuentes
- 3.1 Footer compartido
SUPPORT
- 1.1 Cabecera compartida
- 2.1 Formulario de tickets y contacto
- 3.1 Footer compartido
FORUM
- 1.1 Cabecera compartida
- 2.1 Lista de foros y temas
- 3.1 Footer compartido
UTILITIES
- 1.1 Cabecera compartida
- 2.1 Enlaces a guía de estilo, página 404, licencia, changelog, etc.
- 3.1 Footer compartido
PROMPTS RELACIONADOS · BELLEZA / SPA
