NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia Suite Zafiro, plataforma SaaS de ciberseguridad basada en IA. Utiliza HTML5 + Tailwind CSS (CDN) + JavaScript vanilla en un único archivo. Mantén la estructura y patrones visuales del sitio original:
- **Paleta de colores**: negro profundo #0A0A0A, azul eléctrico #0D6EFD, gris claro #F8F9FA, acento verde #28A745, blanco #FFFFFF.
- **Tipografía**: fuente principal "Inter" (Google Fonts) para títulos y cuerpo, peso 400‑700.
- **Header**: barra de navegación fija con logo a la izquierda, enlaces ancla (Home, Demo, Inner Page, Utility, Authentication) centrados y botón destacado "Comprar plantilla" a la derecha. Incluye menú hamburguesa responsive.
- **Sección 1 (Hero)**: contenedor centrado, título grande (h1) «Plataforma SaaS de ciberseguridad bas
3.881 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.881 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, descripción breve y dos botones CTA
- 1.3 Carrusel de tarjetas de vista previa de productos/plantillas
- 1.4 Sección Demo con captura de pantalla y llamado a acción
- 1.5 Sección Utility con iconos y breves beneficios
- 1.6 Sección Authentication con formulario de registro simulado
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
DEMO
- 2.1 Título de sección y subtítulo explicativo
- 2.2 Imagen grande simulando la interfaz del producto
- 2.3 Botón secundario para ver más detalles
UTILITY
- 3.1 Grid de 4 columnas con icono, título y descripción corta de cada funcionalidad
AUTHENTICATION
- 4.1 Formulario simple con campos de email y contraseña
- 4.2 Botón de envío y enlace a recuperación de contraseña
FOOTER
- 5.1 Logo y breve descripción de la empresa
- 5.2 Enlaces rápidos (Inicio, Demo, Planes, Blog)
- 5.3 Iconos de redes sociales
- 5.4 Datos de contacto y copyright
PROMPTS RELACIONADOS · SAAS / STARTUP
