Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

DocuPulse — Prompt de diseño web para Claude AI

Plataforma de documentación técnica y guías de usuario Simplifica la creación y acceso a tu documentación.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
DocuPulse — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una plataforma de documentación técnica llamada **DocuPulse**. Usa HTML y Tailwind CSS vía CDN, y JavaScript vanilla en un solo archivo. El diseño debe replicar la arquitectura visual del sitio analizado: - **Paleta de colores**: fondo #ffffff, texto principal #111111, acentos azul #2563eb, gris claro #f3f4f6, gris medio #e5e7eb. - **Tipografía**: Inter (sans-serif) para todo el texto, tamaños: display-2xl (2.5rem), display-s (1.5rem), body-l (1rem), body-s (0.875rem). - **Header**: barra superior fija, logo a la izquierda, enlaces horizontales (Soporte, FAQ, Sign In) y botón de búsqueda que abre un modal. - **Sidebar**: colapsable en móvil, siempre visible en desktop, contiene bloques de navegación (Getting Started, Components, Style, etc.) con iconos SVG. A
3.605 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.605 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
DocuPulse — home completa
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, enlaces y buscador
  • 1.2 Menú lateral colapsable con enlaces de documentación
  • 1.3 Título de bienvenida, subtítulo y botones principal
  • 1.4 Bloque de texto introductivo con encabezados y listas
  • 1.5 Tarjetas de categorías destacadas
  • 1.6 Lista de artículos populares
  • 1.7 Footer con ayuda, referencias y créditos

SUPPORT

  • 1.1 Barra superior idéntica
  • 1.2 Menú lateral
  • 1.3 Título "Support"
  • 1.4 Texto explicativo y formulario de contacto
  • 1.5 Footer

FAQ

  • 1.1 Barra superior
  • 1.2 Menú lateral
  • 1.3 Título "FAQ"
  • 1.4 Lista de preguntas frecuentes
  • 1.5 Footer

ADMIN > STYLE GUIDE

  • 1.1 Barra superior
  • 1.2 Menú lateral
  • 1.3 Título "Style Guide"
  • 1.4 Contenido de guías de estilo
  • 1.5 Footer

ADMIN > COMPONENTS

  • 1.1 Barra superior
  • 1.2 Menú lateral
  • 1.3 Título "Components"
  • 1.4 Lista y descripción de componentes
  • 1.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría