Carrito Iniciar sesión
SAAS / STARTUP · Tailwind · HTML · Vanilla JS

KitePulse – Plataforma SaaS para gestión de proyectos y colaboración

KitePulse es un theme SaaS basado en Tailwind CSS que ofrece una interfaz moderna y responsive para gestión de proyectos. Incluye hero impactante, secciones de características, UI snippets y toolkit con integración Figma, todo en un solo archivo HTML.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
KitePulse — 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 KitePulse (kitepulse.com) siguiendo el estilo visual del template analizado. Usa sólo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A1128 (azul muy oscuro), #1E3A8A (primary-1), #2563EB (primary-2), #3B82F6 (primary-3), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para todo el texto, peso 400‑600, tamaños variables (h1 48px, h2 36px, h3 28px, body 16px). Estructura: - **Top announcement bar**: fondo #1E3A8A, texto blanco, pequeño mensaje y enlace. - **Sticky navbar**: fondo transparente que pasa a #0A1128 al hacer scroll, logo a la izquierda, menú principal centrado con enlaces "Tour", dropdown "Pages" (Tours, Product, Company, Account), enlace "UI Snippets", dropdown
4.435 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.435 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
KitePulse — 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 superior con mensaje y enlace
  • 1.2 Navbar sticky con logo, menú principal, dropdowns y botón de compra
  • 1.3 Hero con título, subtítulo, botones CTA y testimonio avatar
  • 1.4 Sección Layouts: heading, descripción y galería de screenshots
  • 1.5 Sección UI Snippets: chat, barra de progreso y mini‑cards
  • 1.6 Sección Design Toolkit: llamada a acción y badge de Figma
  • 1.7 Sección Beneficios: tres líneas con negritas y colores primarios
  • 1.8 Product Tours: cuadrícula de tarjetas enlazadas a tours
  • 1.9 Product Details: cuadrícula de tarjetas enlazadas a detalle de producto

PRODUCT-TOURS

  • 2.1 Encabezado de sección "Product Tours"
  • 2.2 Cuadrícula de tarjetas con captura y título de cada tour

PRODUCT-DETAILS

  • 3.1 Encabezado de sección "Product Details"
  • 3.2 Cuadrícula de tarjetas con screenshots y descripción breve
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría