NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una landing page para la marca ficticia AideCentral, enfocada en un centro de ayuda. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #FFFFFF (fondo), #F4F4F5 (gris claro), #111827 (texto principal), #2563EB (azul primario), #E5E7EB (bordes). Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
Estructura:
- **Top bar**: barra slim con ícono y texto "Welcome to our newly launched help center" centrado, fondo #F4F4F5.
- **Header / Nav**: contenedor max-w-7xl, logo a la izquierda (SVG placeholder), enlaces de navegación (Categories, FAQ, Support) en gris #111827, botón de Search con ícono y fondo #2563EB, texto blanco.
- **Hero section**: fondo blanco, centrado, título grande "Need some help?" (displa
3.672 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.672 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
- 1.2 Header de navegación con logo y menú
- 1.3 Hero con título, formulario de búsqueda y enlaces a temas populares
- 1.4 Grid de tarjetas de categorías (6 ítems)
- 1.5 Sección de enlaces rápidos (lista de 8 enlaces con flechas)
- 1.6 CTA con título, descripción y tres tarjetas de acción
CATEGORIES
- 2.1 Lista de artículos de la categoría seleccionada
FAQ
- 3.1 Preguntas frecuentes organizadas en acordeón
SUPPORT
- 4.1 Formulario de contacto y datos de soporte
SEARCH-ARTICLES
- 5.1 Resultados de búsqueda con filtros y paginación
PROMPTS RELACIONADOS · LANDING PAGE