Stripe's product UI is data-heavy. It has to be when you're building tools for developers and enterprise teams managing millions of transactions. 

We designed a UI system able to accommodate all that data at any scale without sacrificing clarity. We divided our system into two parts: screens and widgets. Full screens and layered UI would communicate larger product benefits, showing the global realities Stripe enables. Widgets told the smaller stories, spotlighting specific tools or features. We leaned into the details. Refining border radius, type scale, spacing, and color, we created a language capable of directing focus wherever the story required. 

Let’s talk color. In a space where enterprise typically means white space and studied restraint, Stripe chooses optimism. Their brand carries a genuine ethos of positivity, and color is the clearest expression of it. A yellow? A magenta? An orange? All in the same palette? In fintech, that’s basically unheard of. 

Building on Stripe’s signature Blurple, we expanded the palette into a suite of gradients designed to grab eyeballs and not let go. A solution that enables creativity from every vantage point without opening the door to inconsistency.

Data visualization presented a different challenge. How to make charts and graphs that are technically rigorous and visually compelling without letting the design get in the way. We found a solution in a system spanning four visualization types: part-to-whole, distributions, geographic, and diagrams. Built to accommodate the same macro- and micro-levels of storytelling as the product UI. Tools like focus mode and a sliding color scale keep things consistent across any level of complexity. Allowing users to pivot from broad global trends and massive datasets to the most specific metric or stat. Ensuring every moment feels purposeful and unmistakably Stripe.

Geography is everything for a company of Stripe’s scale. The dot map and 3D globe bring their global reach to life, from entire regions to single data points. The 3D globe renders the macro brand moment, while the dot map plots the micro performance across regions. They turn raw geographic data into something visceral. No matter the size. Each built to flex across contexts. Whether it's the tactical precision of a single checkout module or the broad ambition of a global footprint.