Design

We strive to build an application that embraces simplicity and avoids unexpected behavior. It must be able to run on a wide range of devices. Its user interface must be easy to use for everyone.

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.
— Steve Jobs

Choice is the enemy of productivity. Put another way, if your solution does everything, and has no opinions about anything, then it solves nothing.
— Asim Aslam

Any fool can make something complicated. It takes a genius to make it simple.
— Woody Guthrie

Icons

Since Vuetify is based on Material Design, we stick with the following icons and only use other icons when absolutely necessary (e.g. for sharing):

https://material.io/resources/icons/

Colors

Our UI themes should all contain a color spectrum so that they look like a prism:

• https://www.nordtheme.com/#palettes-modularity
• https://www.schemecolor.com/?s=colorful
• https://www.schemecolor.com/?s=google
• https://www.schemecolor.com/memories-of-the-garden.php
• https://www.schemecolor.com/double-disclosure.php
• https://www.schemecolor.com/true-lovers-color-scheme.php
• https://www.schemecolor.com/sunset-painting.php
• https://www.schemecolor.com/happy-with-self.php

It's easiest to use the context menu for this:

External Resources

• Screenshots - development of our user interface in time lapse ⏱
• The 7 pillars of design - slides by Raffaella Isidori (Codemotion Berlin 2018)
• A fork + fixes for Google's Material Design icons