Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

NexGuard — Prompt de diseño web para Claude AI

Plataforma SaaS de ciberseguridad basada en IA Protege tu infraestructura digital con inteligencia artificial.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Create a single‑file website using HTML, Tailwind CDN and vanilla JavaScript that reproduces the visual design pattern of the provided source while using a fictitious brand called NexGuard (a SaaS AI‑driven cybersecurity platform). The site must include: - **Palette**: #0A0A0A (background), #1F2937 (card), #3B82F6 (primary accent), #FBBF24 (secondary accent), #FFFFFF (text). - **Typography**: Headings use "Inter" weight 700, body uses "Inter" weight 400, both loaded from Google Fonts. - **Header**: Fixed top navbar, logo placeholder, horizontal menu (Home, Demo, Features, Utility, Authentication), compra button with star icon, hamburger for mobile. - **Hero section** (id="Banner"): large title "AI‑Based Cybersecurity SaaS Template", two CTA buttons (primary "Buy Template", secondary "View
3.439 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.439 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
NexGuard — 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, menú y botón de compra
  • 1.2 Hero principal con título destacado, botones primario y secundario, y ticker de imágenes rotativas
  • 1.3 Bloque de demostración de características con iconos y texto
  • 1.4 Sección de utilidad mostrando métricas y gráficos
  • 1.5 Área de autenticación con formulario de login simulado
  • 1.6 Footer con enlaces a productos, recursos y redes sociales

DEMO

  • 2.1 Título de sección de demo con descripción breve
  • 2.2 Galería de capturas de pantalla del producto
  • 2.3 Lista de beneficios con iconos

UTILITY

  • 3.1 Contadores animados de clientes, detecciones y uptime
  • 3.2 Gráfica de detección de amenazas en tiempo real

AUTHENTICATION

  • 4.1 Formulario de acceso con campos de email y contraseña
  • 4.2 Enlace a recuperación de contraseña y registro

FOOTER

  • 5.1 Logo y breve descripción de la empresa
  • 5.2 Enlaces de navegación secundaria (Política, Términos, Contacto)
  • 5.3 Iconos de redes sociales
  • 5.4 Copyright y año
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría