Question:

List and explain the steps for creating a style guide.

How to make a style Guide

The first ingredient to making a style guide is to use carrots-just kidding not carrots -but what we need is a ingredient list so let’s do that.

Cooking Instructions for a Style Guide

Ingredients

  • identify basic UI elements
  • Group Components
  • Create Molecules and Organisms
  • Create a template
1. Gather all your basic UI elements and lay them out on your cutting board
2. Now that gather your UI elements and combine them in a bowl
3. Pour some into different pans put in oven for minute
4. Pop out the cakes(organisms) and then layout to form various templates such as a homepage template

Summary

Hopefully you see now that a style guide follows the principles of atomic design in that we start with small parts then build on that till we get to the template phase.