SAAS / STARTUP · Claude Design · HTML

NovaBit — Prompt de diseño web para Claude AI

★★★★★4,9 1.936 descargas

Plataforma SaaS de gestión de actualizaciones y notas de versión Mantén a tus usuarios informados con claridad.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web de una sola página para la marca ficticia NovaBit, una plataforma SaaS que publica notas de versión para sus usuarios. Utiliza HTML estático, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Emula el diseño analizado: 
- Paleta de colores: #ffffff (fondo), #1f2937 (texto oscuro), #0ea5e9 (acento azul‑cian), #e5e7eb (gris claro), #111827 (header/footer fondo). 
- Tipografía: Inter, peso 400‑600, tamaños responsivos (display‑l: 2.5rem, display‑s: 1.75rem, body: 1rem, small: 0.875rem). 
- Header: barra con logo SVG a la izquierda, enlace "Soporte" a la derecha, botón hamburguesa para móvil (animación lottie opcional). 
- Sección anuncio superior: barra estrecha que muestra la última noticia con etiqueta "NUEVO" y enlace. 
- Hero: contenedor centrado, ícono de pluma, título grande "Actualiza a tus visitantes sobre lo que ocurre", subtítulo "Bienvenido a tu nuevo registro de cambios". 
- Lista de actualizaciones: grid de tarjetas (max‑width 900px, 1 columna en móvil, 2 en tablet, 3 en desktop). Cada tarjeta incluye: fecha con icono calendario, etiqueta (Features, Performance, Security…), imagen ilustrativa, título, etiqueta de versión (v. X.X.X), párrafo descriptivo, sección autor con foto circular, nombre y cargo. 
- Paginación simple: botón "Next Page" a la derecha. 
- Footer: fondo #111827, logo centrado, dos columnas de enlaces de navegación, texto pequeño con créditos y año. 
- Interactividad: al pasar el ratón sobre las tarjetas, aplicar sombra ligera y elevar ligeramente; los enlaces de navegación cambian de color al hover. 
- Responsividad completa con breakpoints Tailwind (sm, md, lg, xl). 
- Incluye un modal de "Soporte" que se abre al hacer clic en el enlace del header; modal con formulario (nombre, email, mensaje) y botón de cierre. 
- No usar fuentes externas aparte de Inter vía Google Fonts import.
- Todo el código debe estar contenido en un único archivo HTML y ser completamente funcional sin dependencias externas excepto Tailwind CDN y Google Fonts.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.366 caracteres · 31 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de anuncio con enlaces a novedades recientes
2.1 Cabecera (logo, menú, botón de soporte y toggle móvil)
3.1 Hero central con icono, título y descripción breve
4.1 Lista de actualizaciones en tarjetas (fecha, etiqueta, imagen, título, versión, resumen y autor)
5.1 Paginación de resultados
6.1 Footer con logo, menús de navegación y notas de copyright

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: NovaBit
Sector: Plataforma SaaS de gestión de actualizaciones y notas de versión
Claim: Mantén a tus usuarios informados con claridad

Bloques de la home

1.1 Barra de anuncio con enlaces a novedades recientes
2.1 Cabecera (logo, menú, botón de soporte y toggle móvil)
3.1 Hero central con icono, título y descripción breve
4.1 Lista de actualizaciones en tarjetas (fecha, etiqueta, imagen, título, versión, resumen y autor)
5.1 Paginación de resultados
6.1 Footer con logo, menús de navegación y notas de copyright

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

NovaBit — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs