Design with a Design System: Landing page, Part 1

Welcome to the first part of a Design with a Design System Series where we use the system we’ve been making in design system series to create a landing page.

Content for this part (Google Doc):
https://docs.google.com/document/d/1B4Ts5OGbz97nEEOVv_DYR_JkWfeZEkNNCnu_2JQ33Mo/edit?usp=sharing

Sketch library required for this tutorial:
https://www.icloud.com/iclouddrive/002LBNyAsITMvcP8MZmwYAGYg#Design_System_-_Global

Fonts you’ll need:
https://drive.google.com/file/d/1S34cYwudpkw2nYD-X5UP370qFUcaIea3/view?usp=sharing

Images you’ll need:
https://drive.google.com/file/d/1SlWRIQXfbvWOf4iwwoFwUIVlB33Es_MW/view?usp=sharing

Playlist with all of the videos in the Design System series:
https://www.youtube.com/playlist?list=PLuGpMawKEhfaicYZHb4VME-IoLtg8gtew

Software and services used:
Sketch: https://www.sketchapp.com/
Abstract: https://www.goabstract.com/

For updates and other tutorials, follow me on:
Twitter: https://twitter.com/deanemachine
Medium: https://medium.com/@christopherdeane

Thanks for watching! :)

#Sketchtutorial #Landingpage #Designsystems