Thrive

// Overview

Design system created for Thrive

Atomic design

I structured the system with atomic design to keep everything reusable and consistent from the smallest tokens to full pages. Starting with tokens gave me a stable visual foundation, then I built atoms, combined them into molecules and organisms, and finally mapped them into templates and real pages. This flow made the library easy to scale and maintain across products.

Atomic design

Dark mode

I created the component guidelines to bring consistency and clarity to how each element behaves across the system. My goal was to document not just how components look, but how they respond, scale, and adapt across different contexts. Each component was designed with accessibility, usability, and visual rhythm in mind, ensuring that patterns feel familiar no matter where they appear in the product.