Tanda

Web

Source code

Key features

Stripe-inspired weight-300 elegance: white canvas, navy headings, purple accent (#533afd)

Source Sans 3 (ss01) + Source Code Pro pairing with tabular numerals

Split hero with live pot dashboard mock and animated SVG ring fill

Interactive pot simulator: sliders compute pot size, payout month and ring progress

Sections: trust band, 3-step timeline, dark product panel, testimonials, pricing, FAQ

6-language i18n with instant switching and translated SEO metadata

Description

Tanda is a fintech landing page for digitized rotating savings circles (ROSCAs), emulating Stripe's weight-300 editorial elegance: white canvas, deep navy headings (#061b31), Stripe purple accent (#533afd), blue-tinted layered shadows, 4-8px radii. Source Sans 3 (ss01) + Source Code Pro. Sections include a split hero with a live pot dashboard mock (animated SVG ring), trust band, 3-step how-it-works timeline, dark product panel with chart mock, interactive pot simulator (sliders + ring), community testimonials, two-tier pricing, FAQ accordion, and CTA. Built with a Committed color strategy, 6-language i18n, dark/light mode, ring-fill and magnetic-button motion with reduced-motion fallbacks.

Technologies used

HTML

CSS

JavaScript