Visual Design Inspiration: Design System

As of late, I have been building my second 'design system' at my workplace. It's funny how much things go smoother, faster, and what I have learned on my first visual system months ago are now applied. For this inspiration, I wanted to share what inspired me during this process in terms of 'visual design', what inspired me in terms of typography style, layouts, colors, and presentations applied to their component libraries. Essentially how their 'design system' is presented, I believe we all follow somehow a similar standard in terms of UI components and how we build our pattern libraries. This roundup is more a visual study to see how various studios, brands, and companies actually share their 'design system' internally and/or through the design communities.

By Uber

797652d5a347c3296d476226b8a21192

By Dropbox Design

Platforms

By Filip Justić

5f571b4289c8adcfbf41133e6f383307

By Leverege
By Craftwork Inc.

Components

By RED
By Nguyen Le

63acccb294c5610b334491474c1b0c11

By Aaron Poe

Dorsia guidelines p3 1600x1200

By Julien Renvoye

18c948d99bce1922c4e2dcfbce841796

By Wojciech Zieliński

Frame 2.6

By MetaLab
By Handsome
By Wisely

Ui colors   dark

By Adam Ho

88f236227734b4ca6eb9769014781427

By intent

019e9aa8170ecd66c230f8e26a923331

By Heartbeat Agency
By Greg Dlubacz

3dad574f8a4838597569b7eb4ef995c1

By Leverege

016b786278dd9e5abaa107082a097299

More on https://dribbble.com

Download our mobile app

Try our new iPhone and iPad app

 

Brought to you by