Determine semantics, grids, type & module classes
- Draw boxes to represent the different HTML elements
- Assign each box a semantically correct tag
- Draw lines to represent the grid rows & units
- Write the unit widths
- Write out the possible type system classes:
.island
, .gutter
, .pad
, .push
, etc.
- Write out the possible module classes:
.list-group
, .icon
, .btn
, .embed
, etc.