Design pattern library

Design pattern library

Hello, everyone,
I don’t know if it’s just me but I think it’s necessary to make the Bitwarden interface a bit more modern. Therefore I would like to create a design pattern library, which is the basis for all elements. I would implement the first draft in Sketch and afterward in Storybooks (https://storybook.js.org/).
Can anyone tell me what the exact procedure would be to implement such a project at Bitwarden?

Clients / Repos Affected:

  • Web
  • Mobile
  • Desktop

Timeline to completion (estimate):

ETA: Q1/2021?

1 Like

The existing design of bitwarden is alright. It’s clean and simple. I wouldn’t really like to see a major overhaul. Maybe changing the icons or colors would make it look more good, right?

The spacing between texts and icons should also be changed. I think it all seems very narrow.

Great! absolutely support this idea, BW UI is one of my greatest complaints about it, would love to see some changes!

Have you seen this post by @busradegirmenci? seems like a good start on redesign for mobile

https://www.behance.net/gallery/104956981/Bitwarden-Redesign

3 Likes