Ritmo

Web

Source code

Key features

Energetic athletic aesthetic: dark canvas with orange accents (#e0451a / #ff6a3b)

Barlow Condensed + Barlow + JetBrains Mono for sporty clarity

Hero with athlete photography and dynamic motion

Sections: adaptive logic, zone workouts, recovery, coach testimonials, plan builder

6-language i18n with instant switching and translated SEO metadata

Dark/light mode with dynamic animations and reduced-motion fallbacks

Description

Ritmo is an adaptive fitness landing page with an energetic athletic aesthetic: dark canvas with orange accent (#e0451a / #ff6a3b), Barlow Condensed + Barlow + JetBrains Mono. Sections include a hero with athlete photography, adaptive training logic, zone-based workouts, recovery insights, coach testimonials, and a plan builder. Built with a Committed color strategy, 6-language i18n, dark/light mode and dynamic motion.

Technologies used

HTML

CSS

JavaScript