-
Notifications
You must be signed in to change notification settings - Fork 77
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.
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 |