-
Notifications
You must be signed in to change notification settings - Fork 77
Progress Chart
Michael McCombie edited this page Oct 2, 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 |
---|---|
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 |