Choose design guideline

[ghost]

We soon need to think about some design guidelines:

• textboxes
• labels
• badges (tags)
• checkboxes
• toggle-switches

We can look through already existing ones and choose something that hopefully fits our user-base :)

Relates to #56

[ghost]

I will start with a list of inspirational design/icon pages, @Mondei1 you can create another comment beneath mine and list links that you find suitable or worth mentioning :)

[ghost]

(Icons) https://clarity.design/icons (Icons) https://icons8.com (Icons) https://www.ikonate.com

(Design) https://codepen.io/oliviale/pen/mgWjpq

(Colors) https://coolors.co/app

(Menu icon animations) https://codepen.io/oliviale/pen/gKParr

(Loading animations) https://codepen.io/Paolo-Duzioni/pen/ZoRabJ

(Textbox style) https://codepen.io/andreasstorm/pen/gKGbxo

[ghost]

Created some poc of a custom Input-Box with moving label. This can be created as an angular-component easily.

https://codepen.io/anon/pen/MRLRxG

[Mondei1]

I found a few more loading animations. I know it's to much but we can implement random loading animations. Like on startup.

https://codepen.io/saulhardman/pen/IolbK https://codepen.io/lixonic/pen/brgdz https://codepen.io/brunjo/pen/wBKmbm https://codepen.io/ademilter/pen/vLaLOR (Buttons) https://codepen.io/brandonkennedy/pen/RWGyoE https://codepen.io/PeterKrogh/pen/YPLZYd https://codepen.io/andrewlphilpott/pen/cHxKE

[ghost]

Again a new site that combines many aspects of UI/UX:

https://undesign.learn.uno