Brand Guidelines
studentloanstudy.uk
PRIMARY LOGO
On Dark
On Light
ICON / FAVICON
2xl
lg
md
xs
COLORS
Brand
Primary Green#2B7F55
Primary Emerald#34D399
Core
Primary--primary
Secondary--secondary
Muted--muted
Accent--accent
Destructive--destructive
Background--background
Foreground--foreground
Card--card
Border--border
Status
Info
Foreground
Background
Border
Success
Foreground
Background
Border
Warning
Foreground
Background
Border
Danger
Foreground
Background
Border
Chart
Chart 1--chart-1
Chart 2--chart-2
Chart 3--chart-3
Chart 4--chart-4
Chart 5--chart-5
TYPOGRAPHY
Aa
Space GroteskLogo, HeadingsWeights: 400, 700
Aa
ManropeBody, UI ElementsWeights: 400, 500, 600, 700
LOGO ANATOMY
- Icon: The curve represents the peak repayment zone from the calculator chart
- "StudentLoan" in white provides the context - what the site is about
- "Study" in bold green is the action word - the memorable call to action
- Subtle green shadow adds depth and reinforces brand color