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

BitLogue — Prompt de diseño web para Claude AI

Plataforma SaaS de gestión de actualizaciones y notas de versión Un registro ordenado de cada mejora y funcionalidad.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **BitLogue** (bitlogue.com), una plataforma SaaS que muestra un changelog de actualizaciones. Utiliza **HTML** estático con **Tailwind CSS CDN** y **vanilla JavaScript** en un solo archivo. Mantén la siguiente paleta de colores y tipografías: - Colores principales: #0F172A (azul noche), #1E293B (gris oscuro), #F1F5F9 (gris muy claro), #3B82F6 (azul accent), #10B981 (verde accent). - Tipografía: "Inter" para todo el cuerpo (carga desde Google Fonts) y "Space Grotesk" para títulos. **Estructura del sitio** 1. **Page Loader**: overlay con animación de opacidad que desaparece al cargar. 2. **Announcement bar** (top): barra estrecha con icono y texto "NEW" + enlace a la última actualización. Usa flex y bg‑gray‑900, texto en blanco. 3. **Header
4.769 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.769 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
BitLogue — 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 anuncio con enlaces a últimas actualizaciones
  • 1.2 Navegación principal con logo y enlace a soporte
  • 1.3 Hero central con icono, título grande y subtítulo
  • 1.4 Lista de actualizaciones en tarjetas, cada una con fecha, imagen, etiqueta, título, versión, descripción y autor
  • 1.5 Paginación inferior
  • 1.6 Footer con logo, menús de navegación y créditos

SOPORTE (modal)

  • 2.1 Formulario de soporte con campos Nombre, Email y Mensaje
  • 2.2 Botón de envío y mensaje de éxito/error
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría