NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia **Campus Cobalto**, una plataforma SaaS de gestión financiera personal. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El diseño debe replicar la estructura y estilo del sitio de referencia sin copiar texto ni imágenes reales; inventa todo el copy en español (España) activo y genera iconos SVG genéricos.
### Paleta de colores
- Primario: #1E3A8A (azul marino)
- Secundario: #3B82F6 (azul brillante)
- Fondo: #F9FAFB (gris muy claro)
- Texto principal: #111827 (casi negro)
- Texto secundario: #6B7280 (gris medio)
### Tipografía
- Fuente principal: **Inter**, peso 400/600, importada desde Google Fonts.
- Fuente de encabezados: **Poppins**, peso 600.
### Header (navbar)
- Barra fij
5.160 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.160 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 y menú colapsable
- 2.1 Hero principal: subtítulo, título, párrafo descriptivo, botones “Book a Demo” y “Learn More”, imágenes móviles decorativas
- 3.1 Bloque de confianza: subtítulo "Trusted by innovative companies", fila de logos repetidos en carrusel
- 4.1 Funcionalidades: título, descripción, grid de tarjetas (Balance Check, Data Analytics For Finance, etc.) con animaciones Lottie
- 5.1 Sobre nosotros: título, texto introductorio, grid de tarjetas con iconos (privacidad, velocidad, soporte, etc.)
PRICING
- 1.1 Tabla comparativa de planes con columnas para características y botones de selección
FAQ
- 1.1 Lista de preguntas frecuentes con acordeón interactivo
CONTACT
- 1.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
PROMPTS RELACIONADOS · EDUCATION
