Define Design system for the application

[amandhunna]

Defining Design like icons and palette

useful links

• https://static.frontendmasters.com/resources/2020-03-12-design-systems-storybook/design-systems-formatted.pdf

• https://github.com/emmabostian/fem-design-systems

• https://fem-design-systems.netlify.app/

• https://polished.js.org/

• https://github.com/tonsky/FiraCode

• https://type-scale.com/

• https://coolors.co/f1e0c5-c9b79c-9d9c85-71816d-da667b

• https://www.figma.com/file/FUgY11amAHtmR2zyiHcSYs/fem-react-storybook?node-id=2247%3A162

• https://www.carbondesignsystem.com/designing/get-started

• https://undraw.co/illustrations

• https://thenounproject.com/

• https://www.canva.com/design/DAD2RwgIhGo/KzHiFPZkXCvR0lVlwj-O7w/view?utm_content=DAD2RwgIhGo&utm_campaign=designshare&utm_medium=link&utm_source=viewer#3

• https://fem-design-systems.netlify.app/adding-utilities

• https://fem-design-systems.netlify.app/using-extensible-themes

• https://www.canva.com/design/DAD133tsS7w/L0Z7h-GXyDfZNnNremguRw/view?utm_content=DAD133tsS7w&utm_campaign=designshare&utm_medium=link&utm_source=viewer#7

• https://www.canva.com/design/DAD133tsS7w/L0Z7h-GXyDfZNnNremguRw/view?utm_content=DAD133tsS7w&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton#15

• https://uxdesign.cc/

• Pallet: https://flatuicolors.com/palette/au #dff9fb, #c7ecee, #95afc0, #535c68

• more on https://colorhunt.co/palettes/dark

[amandhunna]

Pallet: https://flatuicolors.com/palette/au

dff9fb, #c7ecee, #95afc0, #535c68

more on https://colorhunt.co/palettes/dark

[amandhunna]

design system from M-UI https://www.figma.com/file/g8eJ2EaZAAEIF1I8laQnby/Material-Baseline-Design-Kit-(Community)?node-id=0%3A2347