NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Panel Zafiro, una plataforma SaaS de ciberseguridad impulsada por IA. Usa una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). La paleta de colores debe ser oscura: #0A0A0A (fondo principal), #1F2937 (segundario), #3B82F6 (acento azul), #F3F4F6 (texto claro) y #E5E7EB (bordes). Tipografía: 'Inter' para cuerpo y 'Roboto Slab' para títulos, ambas cargadas desde Google Fonts.
Estructura:
- <header class="fixed top-0 w-full bg-[#0A0A0A] shadow-md"> con logo a la izquierda, menú horizontal ancla (Home, Demo, Inner Page, Utility, Authentication) centrado y botón secundario "Buy Template" a la derecha (estilo borde azul con fondo transparente). Hamburgesa responsive para móvil.
- Section #Banner (hero): contenedor
4.009 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.009 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, enlaces ancla y botón de compra
- 1.2 Hero principal con título grande, descripción breve y dos botones CTA
- 1.3 Carrusel de vistas previas de páginas (demo, precios, blog, etc.)
- 1.4 Sección de funcionalidades (título, iconos y texto)
- 1.5 Sección de llamada a la acción secundaria con botón
- 1.6 Footer con logo, menú de navegación secundario, enlaces a redes y datos de contacto
PRICING
- 2.1 Header reutilizado
- 2.2 Tabla de planes con tarjetas y botones
- 2.3 Preguntas frecuentes en acordeón
- 2.4 Footer reutilizado
BLOG
- 3.1 Header reutilizado
- 3.2 Lista de artículos en tarjetas tipo grid
- 3.3 Paginación simple
- 3.4 Footer reutilizado
ABOUT
- 4.1 Header reutilizado
- 4.2 Historía y misión con imágenes y texto
- 4.3 Equipo en cards
- 4.4 Footer reutilizado
PROMPTS RELACIONADOS · SAAS / STARTUP
