User:Andrew/Typography: Difference between revisions

From KDE UserBase Wiki
Line 27: Line 27:


===Color and Contrast===
===Color and Contrast===
The text foreground and background color can be varied to provide additional hierarchical hints. The contrast between the foreground and background color must be sufficient to preserve legibility of the text. A minimum [http://leaverou.github.io/contrast-ratio/#%2331363b-on-%23fcfcfc contrast ratio] of 4.5:1 (calculated based on luminance values) is recommended. Text representing disabled may have a contrast ratio as low as 3.0:1.
The text foreground and background color can be varied to provide additional hierarchical hints. The contrast between the foreground and background color must be sufficient to preserve legibility of the text. A contrast ratio of 4.5:1 or greater (calculated based on luminance values) is generally recommended. However, text demonstrated to have sufficient legibility using other contrast measures is also acceptable.


===Words per line===
===Words per line===

Revision as of 01:23, 1 July 2014

Typeface Styles

The typeface styles are allocated throughout the user interface s as follows.Conduct design activities using the design typeface. Implement the design using the corresponding system typeface.

A monospace version of the Content Body 1 typeface should be used for code content.

Typeface point sizes correspond to actual typeface sizes at the default xorg 96 dpi setting, where 1 pt = 1/72 inch (0.35mm).

Typographic Category Examples

Window Title - Window Title

Menus - Menu bar, Popup menus

Content - Selection panel, Content Panel, Information Panel

Content Title - Category title, Panel popups title

Content Header - Section headers

Content Body 1 - Text content, Icon grid items, List items

Content Body 2 - Captions , tooltips

Properties and Tools - Property panel, Toolbar, Status bar

Color and Contrast

The text foreground and background color can be varied to provide additional hierarchical hints. The contrast between the foreground and background color must be sufficient to preserve legibility of the text. A contrast ratio of 4.5:1 or greater (calculated based on luminance values) is generally recommended. However, text demonstrated to have sufficient legibility using other contrast measures is also acceptable.

Words per line

Limit line length to between eight to ten words per line. For typographic categories that use an all caps typeface, limit to between three and four words per line.

Exceptions

When the visual design calls for an area of exceptional focus, a larger typeface size may be used. For a significantly larger typeface use a Light typeface weight. All other typeface characteristics for the typographic category should be maintained. For such typeface exceptions to be effective, they must be rare.