NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una página de inicio y sus subpáginas (Categories, FAQ, Support, Search‑Articles, Article) para la marca ficticia AYUDANOVA, un centro de ayuda SaaS. Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: fondo #F9FAFB, texto primario #111827, acentos #1F2937, botones #2563EB, hover #1D4ED8. Tipografía: 'Inter', sans‑serif para todo, tamaños de título: display‑2xl (2.5rem), display‑xl (2rem), display‑m (1.5rem), display‑xs (1.25rem); cuerpo: body‑l (1rem), body‑s (0.875rem).
Estructura:
- Top bar fija con mensaje de bienvenida y icono.
- Nav bar con logo a la izquierda y enlaces: Categories, FAQ, Support y botón Search con icono.
- Hero: fondo blanco, título grande "Need some help?", formulario horizontal de búsqueda con c
3.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.455 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 Navegación principal con logo y menú
- 1.3 Hero con título grande, formulario de búsqueda y enlaces a temas populares
- 1.4 Grid de categorías (tarjetas con icono, título y descripción)
- 1.5 Sección de enlaces rápidos (lista de tarjetas con flecha)
- 1.6 CTA "Need more help?" con tres tarjetas de acción (Buscar, Categorías, Soporte)
CATEGORIES
- 2.1 Header idéntico al de Home
- 2.2 Lista de artículos filtrados por categoría
- 2.3 Sidebar con filtros auxiliares (opcional)
FAQ
- 3.1 Header común
- 3.2 Preguntas frecuentes en acordeón
SUPPORT
- 4.1 Header común
- 4.2 Formulario de contacto y datos de soporte
SEARCH-ARTICLES
- 5.1 Header común
- 5.2 Resultados de búsqueda con paginación
ARTICLES (página individual)
- 6.1 Header común
- 6.2 Contenido del artículo con índice lateral
- 6.3 Sección de artículos relacionados
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image