stylethings.md

Typography

• Full list of type families & faces
• Full list of font sizes & line heights used

Layout

• Max width of constrained layout

If using a grid system:

• Column Count
• Column Gutter

If not:

• Call out layout widths and relationships

Colors

• Full list of all colors used including:
  • Brand Colors
  • UI Colors
  • Grayscale

Fundamentals

• Call out special typographic treatments (ex: multiply)
• Color and hover behavior for each style of link
• Color and hover behavior for each style of button

Components

For each design component:

• Isolated comps of each state of the component
• Call out expected behavior
• Call out expected animation
• Call out variations of component
• Label individual pieces of the component (eg: head, body)