NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
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
CAPTURA COMPLETA · HOME
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