Created this ages ago, may help a few people. If you got any questions you'd like answered, or a certain thing covered, comment on the thread and I may include it in a vol.2(if i end up doing it)
Link to image
Fair enough, however it is possibly really the cleanest 'design system' currently(fluent design sucks!)
Anyways, a point of suggestion would be re-working the menu/header. It just doesn't fit IMO, maybe use the beginning colour of the gradient as the background and work around with it.
It's a decent design but nothing special really..
Have a look at Material Design's documentation, some good points. -> https://material.google.com
Also for the header, is all the content under class because it seems like they're not all vertically aligned to the center.