# Scrum Alliance

Design System — Light Mode Preview

Primary Colors
Deep Blue
#182340
Medium Blue
#375EDF
Light Blue
#A4D5EB
Orange
#FA9449

### Secondary Colors

Silver Grey
#D1D3D9
Pale Blue 1
#D7DFF9
Pale Blue 2
#DBEEF7
Pale Orange
#FEE4D2
Off-White
#F3F3F3

### Neutrals

Dark Grey
#535353
Mid Grey
#A7A7A7
White
#FFFFFF
Typography
H1 Display — 60px Bold
Scrum Alliance
H2 Page — 36px Bold
Certified ScrumMaster
H3 Large — 28px Bold
Agile Transformation
H4 Medium — 22px Regular
Course Overview
H5 Small — 18px Regular
Learning Objectives
Body Large — 20px
Professional Scrum training for teams and organizations worldwide.
Body Medium — 17px
Scrum Alliance is the premier organization for Scrum education and certification.
Body Small — 15px
Explore our courses and certifications to advance your career.
Caption — 13px
Version 2.0 — Last updated May 2026
Buttons
Deep Blue (#182340)
Medium Blue (#375EDF)
Orange Accent (#FA9449)
Secondary

### On Dark Background

Links
Primary Link Secondary Link
Cards
Standard Card
Scrum Alliance card with standard border and padding.
Light Blue Card
Use for informational content on light backgrounds.
Pale Orange Card
Use for warnings and attention-needed content.
Badges
Deep Blue Medium Blue Light Blue Orange Outline
Spacing Scale
6px
8px
16px
24px
36px
60px
80px
Border Radius
0
4px
8px
20px
Icons (Font Awesome)
Elevation
Level 1
Border only
Level 2
Border + Shadow
Form Elements
Email Address
Search
Dividers
Design Checklist

- Main color uses #182340 (Deep Blue)
- Secondary uses #375EDF (Medium Blue)
- Orange #FA9449 as accent, not dominant
- Background uses #F3F3F3 (Off-White)
- Button radius is 4px (0.25rem)