A new /products hub and four dedicated product landing pages — Secure Drive, Encrypted Email, Trading Alerts, and File Security — with inline SVG illustrations, reusable components, and a Products dropdown in the global navigation.
TradeStance now has a complete Products & Solutions section, giving each core product its own dedicated landing page with clear value propositions, feature breakdowns, and inline SVG illustrations — all following the existing Stripe-inspired design system.
The new /products page serves as a central hub with a gradient hero and a 2×2 card grid linking to each product. Each card shows an icon, title, description, and an arrow link — matching the card patterns used across the about and company pages.
Each product page includes a hero section, stat bar, 6-feature grid, and a bottom CTA:
Four shared components power all product pages: ProductHero (split layout with gradient orbs and illustration), ProductFeatureGrid (3-column cards), ProductStatBar (4-stat strip), and ProductCtaSection (CTA banner). Eight inline SVG illustrations render geometric, stroke-based graphics with the #635BFF accent color.
A "Products" dropdown is now the first entry in the global navigation bar, with links to the hub and all four product pages. The footer also includes a new Products column for discoverability.
Was this update useful?