Carrito Iniciar sesión
SAAS / STARTUP · Claude Design · HTML

GestiónDocs — Prompt de diseño web para Claude AI

Software SaaS de gestión documental y colaboración Simplifica la organización y el intercambio de archivos.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
GestiónDocs — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia "GestiónDocs" (dominio gestiondocs.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño analizado: - Paleta de colores: #0A1F44 (azul marino profundo), #1E3A8A (azul primario), #3B82F6 (azul accent), #F3F4F6 (gris claro fondo), #111827 (texto oscuro). - Tipografía: Inter (sans-serif) para títulos y body, peso 400/600/700 según necesidad. - Header: barra fija con logo a la izquierda (placeholder SVG), enlaces de navegación (Inicio, Topics, Blog, Community Forum, FAQ, Contacto) y un botón destacado "Community Forum". Menú responsive con icono hamburguesa. - Hero: fondo gris claro, título grande "GestiónDocs", subtítulo descriptivo, botones "Prueba gratis" (primary) y "Ver
3.525 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.525 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
GestiónDocs — 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 de navegación fija con logo, enlaces y botón de comunidad
  • 1.2 Hero principal con título, subtítulo y botones CTA
  • 1.3 Bloque de características en columnas con iconos
  • 1.4 Sección de integración de herramientas mostrada en grid
  • 1.5 Testimonios con carrusel simple
  • 1.6 Llamado a probar gratis con formulario de captura
  • 1.7 Footer con enlaces, redes y datos de contacto

BLOG

  • 2.1 Lista de artículos en tarjeta con imagen, título y resumen
  • 2.2 Paginación inferior
  • 2.3 Sidebar con categorías y últimos posts
  • 2.4 Footer idéntico al home

FAQ

  • 3.1 Preguntas frecuentes en acordeón
  • 3.2 Botón para contactar soporte
  • 3.3 Footer idéntico al home

CONTACTO

  • 4.1 Formulario de contacto con campos nombre, email, mensaje
  • 4.2 Mapa estático de ubicación
  • 4.3 Información de contacto y redes
  • 4.4 Footer idéntico al home
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría