University of Michigan - Ann Arbor

These are our initial lightmode designs. There are four variations that play with the lightness of the foreground elements, as well as the background image and it's overlay. 

Lightmode designs

Darker node and sidebar color, book pages background

Lightmode Design 1

Darker node and sidebar color, glasses background

Lightmode Design 2

Lighter node and sidebar color, 4 story library background

Lightmode Design 3

Lighter node and sidebar color, lots of windows library background

Lightmode Design 4

Lightmode Design dark overlay 1

Lightmode Design dark overlay 2

Lightmode Design dark overlay 3

These are our designs for the toggle button to switch between lightmode and darkmode.

Learn Before

Related