Fiverr Design
Published in

Fiverr Design

Shedding Light on Fiverr’s Dark Mode Creation Process

A well-defined color system with a semantic layer allows us to easily implement new color-related features like dark mode.

Creating new semantics

A few examples of our semantic layer names and their light and dark colors. Implemented on the “Manage orders” screen.
Our main gray palette wasn’t rich enough with shades to meet the requirements of the about-to-come dark mode, so we extended it.

Lights and shadows

Designers-Developers’ communication

Appearance plugin in action, allowing us the flexibility and speed required for checking new designs in Dark mode.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store