Lumin Platform

Web

Source code

Lumin Platform - Desktop view — Desktop view

Lumin Platform - Mobile view — Mobile view

Key features

Stripe-inspired design: deep navy with signature purple accent (#533afd), light serif typography

Source Sans 3 (sohne-var substitute) + Source Code Pro monospace for fintech precision

Commited color strategy with purple ~30% of layout

Sections: hero, features, dashboard preview, testimonials, feature comparison, FAQ, CTA

6-language i18n (en/es/fr/de/it/pt) with instant switching

Scroll-reveal animations with prefers-reduced-motion fallback

Description

Lumin Platform is a fintech landing page designed with the Stripe design system from popular-web-designs. Features a deep navy (#061b31) background with Stripe purple (#533afd) accents and Source Sans 3 font (Stripe's sohne-var substitute). Strategy: Committed (purple ~30%, navy headings). Surface: Decide/Learn. Sections include hero with floating metrics, features grid, dashboard preview, testimonial carousel, comprehensive feature comparison table, interactive FAQ accordion, and animated CTA. Includes 6-language i18n, dark/light mode, scroll-reveal animations with Intersection Observer, and full Stripe-style precision fintech aesthetic.

Technologies used

HTML

CSS

JavaScript