1 #Principles Principles
Parts of an overarching design theme.
- voice-and-tone, mood, and look-and-feel of the site
- typographical conventions & rhythm (typefaces, font sizes, and leading used throughout the site)
- additionally, any atypical writing modes / other languages required
- site-wide color scheme
- image treatment conventions (storytelling, image placement, quality, filters, etc.)
Source:
kss-styleguide.scss, line 1
1.1 #Principles.TypeScale Type Scale
This stylesheet adheres to a pre-determined set of font sizes, shown below. This ensures a consistent look-and-feel while at the same time providing a sense of even vertical rhythm.
| Abq | Abq | Abq | Abq | Abq | Abq | Abq | Abq |
| peta | tera | giga | mega | kilo | norm | mill | micr |
| 4rem | 3rem | 2.25rem | 1.75rem | 1.25rem | 1rem | 0.75rem | 0.625rem |
| 64px | 48px | 36px | 28px | 20px | 16px | 12px | 10px |
| 48pt | 36pt | 27pt | 21pt | 15pt | 12pt | 9pt | 7.5pt |
Source:
kss-principles.type-scale.scss, line 7