NIOD brand guide: fonts, colors & website design
Fonts & primary colors
PlusJakartaSans
Aa Beauty, skin & color.
Checking original webfont…Geologica
Aa Beauty, skin & color.
Checking original webfont…#F9F9F9surface
#000000ink
01 / TYPOGRAPHY
| Role | Font | Size | Weight | Line height | Tracking | Case |
|---|---|---|---|---|---|---|
| h1 | PlusJakartaSans | 28px | 600 | 33.6px | 0.64px | uppercase |
| h2 | PlusJakartaSans | 28px | 600 | 33.6px | 1.4px | uppercase |
| h3 | PlusJakartaSans | 14px | 400 | 19.6px | 0.44px | capitalize |
| body | PlusJakartaSans | 18px | 400 | 25.2px | normal | none |
| nav link | PlusJakartaSans | 16px | 400 | 32px | normal | none |
| price | PlusJakartaSans | 16px | 700 | 22.4px | normal | none |
Values describe the sampled elements in the supplied capture profile.
02 / COLOR PALETTE
Key interface colors from the captured pages.
#F9F9F9Background / Button fill
#000000Alternate background / Text
#7E7B79Secondary text
03 / IMAGERY
- Style: Clinical portraits with graphic overlays, bottle still lifes
- Lighting: Cool, clinical
- People: Models with grid overlays
Sources & limitations
Independent analysis of supplied website captures. Measurements describe sampled elements, not universal brand rules. Font specimens report whether the supplied original URL loads; unavailable fonts show a labeled fallback.
- ui_details.announcement_bar measured via a fallback selector (no semantic tag/class on the site): body *.