Tokens

Colour

Blue (--hs-blue) is for icons, illustration and status bars only, never text. Action gold is for buttons, link underlines, focus and the heading rule. Honor gold is for recognition only.

• --hs-blue-900#172456
• --hs-blue-800#1f2f6e
• --hs-blue-700#1d3a92
• --hs-blue-600#1b46b6
• --hs-blue-500#175cff
• --hs-navy#1f2f6e
• --hs-navy-deep#172456
• --hs-blue#175cff
• --hs-action-gold#faf053
• --hs-action-gold-hover#f2e63a
• --hs-honor-gold#c9a227
• --hs-gold-ink#8a5a00
• --hs-ink#2b3142
• --hs-slate#596172
• --hs-slate-500#7e858e
• --hs-slate-400#949fb7
• --hs-line#e6e8ef
• --hs-line-strong#d9dde7
• --hs-white#ffffff
• --hs-soft#f7f8fb
• --hs-plate#faf3e9
• --hs-plate-line#eadfc8
• --hs-plate-muted#5d6478
• --hs-footer#222222
• --hs-on-navyrgba(255, 255, 255, 0.86)
• --hs-on-navy-linergba(255, 255, 255, 0.24)
• --hs-on-navy-surfacergba(255, 255, 255, 0.08)
• --hs-success#0f7a41
• --hs-success-surface#e9f5ee
• --hs-danger#c0392b
• --hs-danger-surface#fdecec
• --hs-warning#8a6d1a
• --hs-warning-surface#fdf7d6
• --hs-info-surface#eaf0ff
• --hs-tier-bronze#8b5a2b
• --hs-tier-silver#c0c0c0
• --hs-tier-gold#ffd700
• --hs-tier-signature#1c2841
• --hs-ground-navyPaint as background-image over --hs-navy.

Type

• --hs-font-display"Didot LT Std", "Hoefler Text", Garamond, "Times New Roman", serifHonor Your Ambition
• --hs-font-body"Mukta", system-ui, -apple-system, "Segoe UI", Arial, sans-serifHonor Your Ambition
• --hs-font-monoui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospaceHonor Your Ambition

The display face is Didot LT Std, weight 700 only. Its licence for this site is unconfirmed, so this site may show the serif fallback.

Sizes

• --hs-text-xs0.75remScholarships for your next chapter
• --hs-text-eyebrow0.8125remScholarships for your next chapter
• --hs-text-sm0.875remScholarships for your next chapter
• --hs-text-md1remScholarships for your next chapter
• --hs-text-body1.0625remScholarships for your next chapter
• --hs-text-lead1.125remScholarships for your next chapter
• --hs-text-question1.25remScholarships for your next chapter
• --hs-text-h31.375remScholarships for your next chapter
• --hs-text-h2clamp(1.75rem, 1.6vw + 1.1rem, 2.5rem)Scholarships for your next chapter
• --hs-text-h1clamp(2.25rem, 2.2vw + 1.1rem, 3.25rem)Scholarships for your next chapter

Weights, leading, tracking

• --hs-weight-regular400Member benefits
• --hs-weight-medium500Member benefits
• --hs-weight-semibold600Member benefits
• --hs-weight-bold700Member benefits
• --hs-leading-tight1.051.05
• --hs-leading-snug1.251.25
• --hs-leading-body1.51.5
• --hs-leading-prose1.71.7
• --hs-tracking-eyebrow0.12em0.12em

Spacing

• --hs-space-14px
• --hs-space-28px
• --hs-space-312px
• --hs-space-416px
• --hs-space-524px
• --hs-space-632px
• --hs-space-748px
• --hs-space-864px
• --hs-band-padclamp(2.5rem, 5vw, 4rem)
• --hs-card-pad1.25rem
• --hs-card-pad-lg1.5rem

Radii

• --hs-radius-sm4px
• --hs-radius-md8px
• --hs-radius-pill999px
• --hs-radius-round50%

There is no 12px or 30px radius.

Shadows

• --hs-shadow-card0 1px 2px rgba(31, 47, 110, 0.06)
• --hs-shadow-dialog0 12px 30px rgba(31, 47, 110, 0.14)
• --hs-shadow-gold0 6px 18px rgba(250, 240, 83, 0.28)
• 2026
  --hs-shadow-letterpress0 -1px 0 rgba(103, 75, 43, 0.16), 0 1px 0 rgba(255, 255, 255, 0.9)
• 2026
  --hs-shadow-letterpress-date0 -1px 0 rgba(45, 49, 61, 0.25), 0 1px 0 rgba(255, 255, 255, 0.98)

Control heights

Focus

Heading rule

Motion

Layout

Breakpoints (min-width, mobile first)