Atomic design is a methodology developed by Brad Frost that is used to construct web design systems. After watching Brad’s presentation on Atomic Design and using Pattern Lab as a reference you will be tracing a website’s atoms, molecules, organisms.

Using the supplied template Illustrator files you will pick one of the websites listed below and trace the atoms, molecules, and organisms for the webpage. In the Illustrator file you will find a full page screenshot, several different layers for doing the tracings, and swatches with the colors for tracing on the appropriate layer.

Grading

This assignment will be worth 5 points and is due by 2 pm on 09.13.18. Name the files exactly as follows (all lowercase with hyphens and no blank spaces) atomic-design-tracing-firstname-lastname.ai, and I will email you a file request from Dropbox so you can upload the file to me.

Upload your files here.

Resources