NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página usando HTML, Tailwind CDN y JavaScript vanilla, siguiendo el diseño descrito. Marca ficticia: Campus Bahía (software de ciberseguridad IA). Paleta de colores: #0A0F24 (fondo oscuro), #1E3A8A (azul primario), #3B82F6 (azul claro), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
HEADER: barra fija con logo (placeholder SVG), menú centrado con enlaces ancla a #Banner, #Demo, #Inner, #Utility, #Authentication, y botón secundario "Comprar" con ícono de estrella. Menú colapsable en móvil (hamburger).
SECCIÓN 1 #Banner: contenedor centrado, título grande "Plataforma SaaS de ciberseguridad IA", subtítulo breve, botones primary "Comenzar prueba" y secondary "Ver todas las plantillas" con efecto hover.
4.119 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.119 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 con logo, menú anclado y botón de compra
- 1.2 Hero principal con título, llamado a la acción y botones secundarios
- 1.3 Carrusel de miniaturas que enlazan a distintas páginas demo
- 1.4 Bloque "Demo" (ancla) con descripción y botones
- 1.5 Bloque "Inner Page" (ancla) con texto ilustrativo
- 1.6 Bloque "Utility" (ancla) con lista de utilidades del producto
- 1.7 Bloque "Authentication" (ancla) con opciones de login/registro
- 1.8 Pie de página con enlaces de navegación y datos de contacto
DEMO PAGE
- 2.1 Encabezado de sección Demo con texto descriptivo
- 2.2 Galería de screenshots del producto
- 2.3 Botón para iniciar prueba gratuita
INNER PAGE
- 3.1 Título de página interna
- 3.2 Texto de relleno y gráficos ilustrativos
- 3.3 Llamado a la acción secundario
UTILITY PAGE
- 4.1 Lista de utilidades y beneficios
- 4.2 Iconos representativos
- 4.3 Botón de descarga de brochure
AUTHENTICATION PAGE
- 5.1 Formulario de login simple
- 5.2 Enlace a registro y recuperación de contraseña
- 5.3 Botón de acceso con autenticación social
FOOTER
- 6.1 Logo miniatura y claim breve
- 6.2 Enlaces de navegación rápido (Home, Demo, Blog, Contacto)
- 6.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
