NAAB Color Palette
Primary Colors
#501935
#E5DDE1
#381125
#AD7A99
#d8c0ce
#DCB977
#FAF5EB
#B0945F
#F0EEEF
#DCD4D8
Secondary Colors
#0085A3
#D6F8FF
#008B63
#D6FFF3
Buttons
Regular Buttons
Outline Buttons
Other Buttons
Display Block Buttons
Buttons with icons
Typography
| Type | Example | Font | Font Size |
|---|---|---|---|
| Heading 1 |
NAAB |
Scandia Bold | 50px |
| Heading 2 |
NAAB |
Scandia Bold | 40px |
| Heading 3 |
NAAB |
Scandia Bold | 32px |
| Heading 4 |
NAAB |
Scandia Medium | 28px |
| Heading 5 |
NAAB |
Scandia Medium | 24px |
| Heading 6 |
NAAB |
Scandia Medium | 20px |
| Paragraph |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Scandia Normal | 16px |
Table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | John | Doe | @social |
Forms
Alerts
This is a primary alert—check it out!
This is a secondary alert—check it out!
This is a success alert—check it out!
This is a danger alert—check it out!
This is a warning alert—check it out!
This is an info alert—check it out!