Skip to content

Progress Chart

Michael McCombie edited this page Apr 23, 2018 · 36 revisions

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
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 In progress
- UI Colors In progress - Soon Soon Later In progress
- Other Colors - - Late - - -
- Gradients Done ✅ - Done ✅ Later Later Later
- Patterns Later - Later Later Later Later
Layout
- Units Done ✅ - Later Done ✅ Later In progress
- Margins Done ✅ - Later Done ✅ Later In progress
- Padding Done ✅ - Later Done ✅ Later In progress
- Columns Done ✅ - Later Done ✅ Later In progress
- Gutters Done ✅ - Later Done ✅ Later In progress
- Breakpoints Done ✅ - Later Done ✅ Later In progress
Typography
- Mozilla Fonts Later Done ✅ Later - Later Done ✅
- Other Fonts Later - Later - - Done ✅
- Type Scale Soon Soon Later In progress Later In progress
- Color Soon Soon Later In progress Later In progress
- Emphasis Soon Soon Later In progress Later In progress
- Links Soon #47 Later In progress Later In progress
- Lists Soon Soon Later In progress Later In progress
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