Typography
Typography is defined as the science of style, appearance, and structure of fonts that aim to provide convenience and aesthetics to the reader.
Typeface
Use typeface DM Sans from Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()
Size Sheet
| Size | Overline | Button | Body | Sub Title | Title | Display |
|---|---|---|---|---|---|---|
| XX Small | Yes | No | No | No | No | No |
| X Small | Yes | Yes | Yes | Yes | Yes | Yes |
| Small | Yes | Yes | Yes | Yes | Yes | Yes |
| Medium | Yes | Yes | Yes | Yes | Yes | Yes |
| Large | No | Yes | Yes | Yes | Yes | Yes |
| X Large | No | No | Yes | Yes | Yes | Yes |
| XX Large | No | No | Yes | Yes | Yes | Yes |
Examples
Title
Title Large
Font Family: DM Sans | Font Size: 32 | Line Height: 40px
The quick brown fox jumps over the lazy dog
Title Small
Font Family: DM Sans | Font Size: 24px | Line Height: 32px
The quick brown fox jumps over the lazy dog
Sub Title
Sub Title Large
Font Family: DM Sans | Font Size: 18px | Line Height: 28px
The quick brown fox jumps over the lazy dog
Sub Title Small
Font Family: DM Sans | Font Size: 14px | Line Height: 20px
The quick brown fox jumps over the lazy dog
Body
Body Medium
Font Family: DM Sans | Font Size: 16px | Line Height: 24px
The quick brown fox jumps over the lazy dog
Body X Small
Font Family: DM Sans | Font Size: 12px | Line Height: 18px
The quick brown fox jumps over the lazy dog