Color Palette
Warm browns with an accent red. Click a swatch to copy its hex value.
Neutrals & Backgrounds
Typography
Set in Brandon Grotesque (HvD Trial), with Lucida Sans / Lucida Grande / Geneva / Verdana fallbacks. Base body is 20px / line-height 1.5.
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
The quick brown fox jumps over the lazy dog. Body copy carries the message in a comfortable, readable weight.
This is a text link inside a sentence.
Bold emphasis and italic emphasis within copy.
Buttons
Every button style currently defined in the theme, rendered live with full specs. Click a card to copy its markup. Hover a button to see its hover state.
Standard buttons (.button family)
Standard / CTA
- Class.button
- Background#c56747
- Text#fff · uppercase · 14px / 800
- Border2px solid #c56747
- Radius5px
- Padding15px 25px
- Hover#aa101a
Submit (form)
- Markupinput[type=submit]
- Inherits.button styles
- Background#c56747
- Radius5px
- Hover#aa101a
Learn More
- Class.learn-more-button
- Background#a25439
- Radius5px
- Padding8px 16px
- Hover#78361f
Nav "little" buttons (.littlebutton)
Pill buttons (.btn-* — radius 15px, 12px)
Primary
- Class.btn-primary
- BG#aa101a
- Text#fff · 12px
- Border1px solid #aa101a
- Radius15px
- Hover#a25439
Outline / link buttons
btn-link-3
- BGtransparent
- Text / border#a25439
- Radius15px · border 1px
- Hover#a25439 / #fff
Grouped & utility buttons
Portal nav button
Smaller burnt-orange buttons used in the sponsor/student portal.
- BG#e26648
- Size0.8em
- Hover#c56747
Components
Reusable patterns defined in custom.css (loaded site-wide). Click any element to copy its markup.
Alerts & Callouts (.nr-alert)
Badges (.nr-badge)
Table (.nr-table)
| Element | Token | Value |
|---|---|---|
| Heading color | Brown | #a25439 |
| Standard button | Light Brown | #c56747 |
| Body text | Body | #444444 |
Imagery & Sizes
Image standards across posts, pages and the portal.
| Use | Dimensions | Notes |
|---|---|---|
| Maximum upload | 2048 × 2048 | Do not exceed. |
| Featured image | ≥ 1200 × 450 | Smaller → unexpected results; larger → auto-cropped. |
| Portal student photo | 300 × 300 | Set as portrait in WePix to keep aspect ratio. |
Logos & Downloads
Official logo packs.
Fonts: Brandon Grotesque (HvD Trial) · Consolas & logo fonts →