Description
Project Overview: We are building a premium, high-performance landing page for an authorised financial advisor marketplace. The platform facilitates credential verification and manages escrow rails for client-advisor sessions. The front-end must communicate institutional trust, technical precision, and modern financial elegance. 1. Design System & Aesthetics The developer must strictly adhere to the following design tokens: Color Palette: Backgrounds: Deep Ink and Navy for high-contrast trust sections; Cream for clean reading areas. Accents: Gradients of Gold for primary call-to-actions (CTAs) and active UI states; Green for success/verification states. (Exact color codes will be provided upon hiring). Typography (Google Fonts): Primary/Body: DM Sans (Clean, modern readability). Headings: Cormorant Garamond (Institutional, serif authority). Data/Technical: IBM Plex Mono (Used strictly for financial figures, stats, and metadata labels). UI Components: Buttons must feature a pill-shape border-radius with hover states that lift the element slightly upward and expand the drop shadow. Glassmorphism effects (blurred backgrounds) on the fixed navigation bar and the Trust Ledger card. 2. Core Animations & Interactions Do not use heavy, bloated animation libraries. The interactions must be lightweight and CSS-driven: Scroll Reveals: Use a vanilla JavaScript Intersection Observer to gently fade in and slide elements upward as they enter the viewport. The Trust Ledger Hero Graphic: This