.
├── config
|   ├── fonts
|   └── colors
|
├── base
|   ├── reset
|   └── elements
|
├── landmarks - e.g. masthead, site footer (left empty)
|
├── layout
|   ├── grid
|   ├── wrap - max-width, margin:auto
|   ├── well - outer padding
|   ├── hList
|   ├── vList
|   ├── vr
|   └── aligner - basically a flexbox util, vertical/horizontal centering, item justification
|
├── containers
|   └── tier
|
└── content
    ├── typ
    └── icon (assumes svg) - sizes and color variations