Confirmed users
693
edits
Websites/Mozilla.org/One Mozilla/Style Guide: Difference between revisions
Jump to navigation
Jump to search
Websites/Mozilla.org/One Mozilla/Style Guide (view source)
Revision as of 06:44, 18 April 2012
, 18 April 2012→Content Outline
No edit summary |
|||
| Line 38: | Line 38: | ||
Intro | Intro | ||
* What the guide is | |||
* How to use it | |||
Brand/Identity | Brand/Identity | ||
| Line 64: | Line 66: | ||
Websites | Websites | ||
* Sandstone overview | * Sandstone overview | ||
* Responsive grid | ** Responsive grid | ||
* Tabzilla | ** Tabzilla | ||
* Backgrounds | ** Backgrounds | ||
* Typography | ** Typography | ||
* Button styles | ** Button styles | ||
* Examples gallery | ** Examples gallery | ||
Products | Products | ||
* Firefox | |||
** Overall design guidelines | |||
** Phone (Android, B2G) | |||
** Tablet (Android, Metro, possibly Kindle) | |||
** Desktop (Windows, Mac, Linux) | |||
* Thunderbird | |||
** Guidelines | |||
* Marketplace | |||
** Guidelines | |||
** App submission Marketplace graphics requirements/dimensions | |||
** App browsing grid styles | |||
** Standard glyphs | |||
** Default layout theme (color/typography/grain/gradients) | |||
** UI elements | |||
* Persona | |||
** Guidelines | |||
** Default layout theme (color/typography/grain/gradients) | |||
** UI elements | |||
* B2G (Gaia) | |||
** Design principles | |||
** Design framework | |||
*** Patterns | |||
**** Gestures | |||
**** App structure | |||
**** Navigation | |||
**** Selection | |||
**** Notifications | |||
**** Flexibility | |||
*** Building blocks | |||
*** Tabs | |||
**** Lists | |||
**** Grid lists | |||
**** Scrolling | |||
**** Spinners | |||
**** Choice selector | |||
**** Buttons | |||
**** Text fields | |||
**** Seek, progress & activity | |||
**** Switches | |||
**** Dialogs | |||
** Visual language | |||
*** Devices and displays | |||
*** Metrics and grids | |||
*** Typography | |||
*** Color | |||
*** Iconography | |||
* Other | |||
** Pancake | |||
** WebFWD | |||
** Labs | |||
** Popcorn.js | |||
** etc | |||
Assets (eventually using assets.mozilla.org as a common repository) | |||
* Logos | |||
* Fonts | |||
* Code | |||
** Sandstone details | |||
** Tabzilla GitHub | |||
** Footer GitHub | |||
* Useful marketing design PSDs | |||
* Product design guides/PSDs | |||
== Miscellany == | == Miscellany == | ||
* [https://etherpad.mozilla.org/styleguide Notes and ideas from kickoff meeting] | * [https://etherpad.mozilla.org/styleguide Notes and ideas from kickoff meeting] | ||
* [https://etherpad.mozilla.org/style-milestones First pass at milestones] | * [https://etherpad.mozilla.org/style-milestones First pass at milestones] | ||