NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia AtlasDocs, una plataforma de documentación técnica. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Sigue estrictamente la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo principal #F9FAFB, textos en #111827, acentos azul #2563EB, botones en #2563EB con hover #1D4ED8, sombras sutiles #E5E7EB.
- **Tipografía**: Inter (sans‑serif) para títulos y body, tamaños: display‑l 48px, display‑m 32px, body‑l 18px, body‑m 16px.
- **Header**: barra superior fija, logo a la izquierda, versión pequeña al lado, menú con enlaces (Index, FAQ, Changelog, Support) y botón destacado "Support". Incluye un ícono Lottie estático (reemplazar con placeholder).
- **Sidebar**: panel lateral colapsable a la izqu
4.134 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.134 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 logo, versión y enlaces (Index, FAQ, Changelog, Support)
- 1.2 Navegación lateral colapsable con buscador, listas de secciones y botones Sign in / Sign Up
- 1.3 Tarjeta principal: breadcrumbs, título doble, subtítulo, botones Get Started y Support
- 1.4 Imagen decorativa en la tarjeta principal
- 1.5 Bloque de introducción "Getting Started" con texto explicativo
- 1.6 Cuadrícula de categorías (Getting Started, Core Concepts, Guides, Reference) con iconos y fondo de tarjeta
ARTICLES INDEX
- 2.1 Lista de artículos por categoría
- 2.2 Filtros y paginación
FAQ
- 3.1 Preguntas frecuentes organizadas en accordiones
CHANGELOG
- 4.1 Lista cronológica de cambios con fechas y descripciones
SUPPORT
- 5.1 Formulario de contacto y enlaces a canales de ayuda
PROMPTS RELACIONADOS · MODA
