Confirmed users
154
edits
Firefox/Windows 8 Metro Style Guides: Difference between revisions
Jump to navigation
Jump to search
Firefox/Windows 8 Metro Style Guides (view source)
Revision as of 18:05, 20 March 2013
, 20 March 2013→Design/Theming guidelines
| Line 16: | Line 16: | ||
** Use a separator to distinguish groups of related commands | ** Use a separator to distinguish groups of related commands | ||
** Order custom commands in the context menu by importance, with <strong>the most important commands at the bottom</strong> | ** Order custom commands in the context menu by importance, with <strong>the most important commands at the bottom</strong> | ||
*App Bar | *App Bar | ||
**Do follow placement conventions. | **Do follow placement conventions. | ||
***Place the New/Add/Create button (+ icon) on the far right. | ***Place the New/Add/Create button (+ icon) on the far right. | ||
***Group view switching buttons together and place them on the far left. | ***Group view switching buttons together and place them on the far left. | ||
***Place Accept, Yes, OK commands to the left of Reject, No, Cancel commands. | ***Place Accept, Yes, OK commands to the left of Reject, No, Cancel commands. | ||
*Typography | *Typography | ||
** Use "Title Case" only for heading text. For other text (including button labels, menu items, etc.) use "Sentence case" [http://msdn.microsoft.com/en-us/library/windows/apps/hh465308.aspx][http://msdn.microsoft.com/en-us/library/windows/desktop/aa511453.aspx]. | ** Use "Title Case" only for heading text. For other text (including button labels, menu items, etc.) use "Sentence case" [http://msdn.microsoft.com/en-us/library/windows/apps/hh465308.aspx][http://msdn.microsoft.com/en-us/library/windows/desktop/aa511453.aspx]. | ||
*Help Page [http://msdn.microsoft.com/en-us/library/windows/apps/hh465049.aspx] | *Help Page [http://msdn.microsoft.com/en-us/library/windows/apps/hh465049.aspx] | ||
** Include a link to your support or home page or either embed an online page into your help page | ** Include a link to your support or home page or either embed an online page into your help page | ||