Designlab Course: Create a design system for your landing page

This assignment was to create a design system which would later be used to design a landing page. I made a very simple one.

Typography: 3 headers, 3 titles, and 3 body texts so it could be flexed between mobile and web

Colors: primary, 3 secondary - green (good), red (bad), and a neutral that is complimentary to the primary. I also added a grey palette which leaned toward blue, in order to sit well against the primary blue.

Shadows: 1 near, 1 far. Simple!

Form fields: since landing pages are used as SEO tools, I figured we'd need form fields. I designed fiends with the following states: resting, activated, approved, and error.