User interface and coorporate design

[LyLutter]

Do we have to use a corporate design?

[LyLutter]

Header:

next to the tool box logo we could place the university logo like here:

[LyLutter]

Building block page

remove current course on the right hand side

Accordion not on full width and centered?

Cards:

1. • add shadow,
   • slight coloring, I like the rainbow effect
   • round corners
2. no icons
3. no brief description

[LyLutter]

My courses

• title should be next to the menu icon
• the current course should have a slightly transparent shade of the blue color from the top, including the building block titles when they are unfolded.
• the other courses are colored in a highly transparent shade of the blue from the top
• The buttons are in turquoise
• the menu button should be aligned to the other buttons (all with shadow or none with shadow)
• Delete button should stand out visually with a color. we need to play around with it

[LyLutter]

Overview page

1. Remove current course indication in top right corner
2. "Use cases" heading 3(?) and top aligned to text border of brief description.
3. remove space
4. move heading to the top

1. make the whole table shorter such that the full thing can fit on one screen including the buttons.
2. if bullet point / numbered list, ignore listing item, top align text to cell body
3. make line less massive + less shiny
4. remove space between category and text
5. extend text and use full width
6. change background color according to color theme
7. move button away from section border, move it even up below use cases --> the two buttons "show more and take notes" and "use this teaching tool" are not next to each other

[LyLutter]

Footer

• Text should be centered, smaller font