Progress Chart

This is still a WIP 🚧. The idea for the chart is to track the status of all the different sections of the design system across our different deliverables.

Key

Label	Definition
Done ✅	Completed
WIP 🚧	In progress
Soon	Before May 7
PDX 🌹	During May 7 - May 11
Later	After May 11
-	Not Planned

	Design Tokens	CSS Framework	Sketch Plugin	Symbol Library	Written Guidelines	Design Decision
Colors
- Brand Colors	Done ✅	-	Done ✅	Done ✅	Later	WIP 🚧
- UI Colors	WIP 🚧	-	Soon	Soon	Later	WIP 🚧
- Other Colors	-	-	Later	-	-	-
- Gradients	Done ✅	-	Done ✅	Later	Later	Later
- Patterns	Later	-	Later	Later	Later	Later
Layout
- Units	Done ✅	-	Later	Done ✅	Later	WIP 🚧
- Margins	Done ✅	-	Later	Done ✅	Later	WIP 🚧
- Padding	Done ✅	-	Later	Done ✅	Later	WIP 🚧
- Columns	Done ✅	-	Later	Done ✅	Later	WIP 🚧
- Gutters	Done ✅	-	Later	Done ✅	Later	WIP 🚧
- Breakpoints	Done ✅	-	Later	Done ✅	Later	WIP 🚧
Typography
- Mozilla Fonts	Later	Done ✅	Later	-	Later	Done ✅
- Other Fonts	Later	-	Later	-	-	Done ✅
- Type Scale	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
- Color	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
- Emphasis	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
- Links	Soon	#47	Later	WIP 🚧	Later	WIP 🚧
- Lists	Soon	Soon	Later	WIP 🚧	Later	WIP 🚧
Assets
- Action Icons	PDX 🌹	-	-	PDX 🌹	Later	PDX 🌹
- Social Icons	Done ✅	-	-	Done ✅	Later	Done ✅
- Logos	Soon	-	-	Soon	Later	Done ✅
- Pictograms	Later	-	-	Later	Later	Later
- Browser Container	-	PDX 🌹	-	PDX 🌹	Later	Do
- Laptop Container	-	Later	-	Later	Later	Later
- Phone Container	-	Later	-	Later	Later	Later
Buttons
Style	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Types	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Primary, Secondary, Ghost, etc	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Download (Firefox)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Subscribe (Podcasts, RSS)	-	Later	-	Later	Later	Later
↳ Available on App Store	-	Later	-	Later	Later	Later
Sizes (sm, md, lg)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Behavior (hover, active, focus)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Forms & Inputs
Inputs	-	Later	-	Later	Later	Later
↳ Labels	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Text Input	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Default	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Other (Search, Filter, etc.)	-	Later	-	Later	Later	Later
↳ Checkboxes	-	Later	-	Later	Later	Later
↳ Radios	-	Later	-	Later	Later	Later
↳ Disabled State	-	Later	-	Later	Later	Later
Style	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Inputs	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Buttons	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Hints	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
↳ Validation	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Cards
Images (1:1, 4:3)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Title	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Description	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Icon(s)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Sizes (sm, md, lg)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Behavior (hover, active, focus)	-	PDX 🌹	-	PDX 🌹	Later	PDX 🌹
Link Preview	-	Later	-	PDX 🌹	Later	PDX 🌹
Misc. Simple Components
Accordion	-	Later	-	Later	Later	Later
Breadcrumb	-	Later	-	Later	Later	Later
Dropdown	-	Later	-	Later	Later	Later
Language Toggle	-	Later	-	Later	Later	Later
Pagination	-	Later	-	Later	Later	Later
Tabs	-	Later	-	Later	Later	Later
Tags	-	Later	-	Later	Later	Later
Tooltips	-	Later	-	Later	Later	Later
Navigation
Global	-
↳ Header	-
↳ Footer	-
Local	-
↳ Horizontal	-	Later	-	Later	Later	Later
↳ Vertical	-
Hero Billboard		Later	-	Later	Later	Later
Modals
Confirmation Modal	-	Later	-	Later	Later	Later
Tour Modal	-	Later	-	Later	Later	Later
↳ Container	-	Later	-	Later	Later	Later
↳ Navigation	-	Later	-	Later	Later	Later
↳ Image(s)	-	Later	-	Later	Later	Later
Motion
Progress Indicator	-	Later	-	Later	Later	Later
Transitions	-	Later	-	Later	Later	Later
Loading States	-	Later	-	Later	Later	Later
Audio
Player	-	Later	-	Later	Later	Later
↳ Tracking	-	Later	-	Later	Later	Later
↳ Actions (Play, Pause, etc.)	-	Later	-	Later	Later	Later
Container	-	Later	-	Later	Later	Later
↳ Image	-	Later	-	Later	Later	Later
↳ Title	-	Later	-	Later	Later	Later
↳ Description	-	Later	-	Later	Later	Later
↳ Actions (Share, Subscribe, etc)	-	Later	-	Later	Later	Later
Video
Player	-	Later	-	Later	Later	Later
Container	-	Later	-	Later	Later	Later
Data Visualization	-	Later	-	Later	Later	Later