NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo que reproduzca la estructura y estilo del sitio de documentación analizado, pero con la marca ficticia DocuMenta.
**Objetivo**: una documentación limpia y minimalista con barra superior, navegación lateral, página principal con hero y cuadrícula de categorías.
**Paleta de colores** (extraer de los SVG y fondos):
- Primario: #0d3b66
- Secundario: #faf0e6
- Acento: #f4d35e
- Texto oscuro: #1a1a1a
- Texto claro: #ffffff
**Tipografía**: usar Inter (Google Fonts) para todo el texto, tamaños basado en clases Tailwind `text-4xl`, `text-2xl`, `text-lg` etc.
**Header (barra superior)**:
- Logo a la izquierda (texto "DocuMenta" con versión "v. 1.0.0" al lado).
- Enlaces de navegación: Index, FAQ, C
4.657 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.657 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 menú de enlaces (Index, FAQ, Changelog, Support)
- 1.2 Menú lateral con buscador, lista de secciones (Getting Started, Core Concepts, Guides, Reference) y botones Sign in / Sign Up
- 1.3 Tarjeta principal con título, subtítulo, descripción breve y botones "Get Started" y "Support"
- 1.4 Imagen decorativa del hero
- 1.5 Bloque "Getting Started" con texto rico y foto de fondo
- 1.6 Cuadrícula de tarjetas de categorías (Overview, Your First Project, CLI & API Keys, etc.)
INDEX
- 2.1 Lista de artículos ordenados por fecha o popularidad
- 2.2 Barra lateral idéntica a la de Home
FAQ
- 3.1 Preguntas frecuentes en formato acordeón
- 3.2 Barra lateral idéntica a la de Home
CHANGELOG
- 4.1 Registro de versiones con fechas y descripciones
- 4.2 Barra lateral idéntica a la de Home
SUPPORT
- 5.1 Formulario de contacto y datos de ayuda
- 5.2 Barra lateral idéntica a la de Home
SIGN-IN
- 6.1 Formulario de acceso (email, contraseña) y enlace a recuperar contraseña
- 6.2 Barra lateral mínima con enlaces a registro
SIGN-UP
- 7.1 Formulario de registro (nombre, email, contraseña) y botón de creación
- 7.2 Barra lateral mínima con enlace a acceso
PROMPTS RELACIONADOS · MISCELLANEOUS
