Brand & Site Style Guide

The Site Color Palette

Legion Red

#ED193E

Text - Deep Blue

#051225

Legion Blue

#0A1F41

Legion Secondary Blue

#314B68

Toxic & Dirty White

#F9FAFC

White

#FFFFFF

The Site Typography & Font Styles

XL Title

Large Title

Medium Title

Small Title

Body Text

Small Text

Tiny Text

Button & Menu Text

Subheader

Buttons
Radius & Shadows

Radius & Padding

Border Radius: 12px

Inner Padding: 1.5rem (24px)

Shadow

Shadow: 0px 20px 24px -4px #10182814

Gap & Spacing

Subheader - 24px Spacing bottom

Large Title - 32px spacing bottom

Body Text - 40px spacing bottom (if there are buttons below)

Subheader - 24px Spacing bottom

Medium Title - 24px spacing bottom

Body Text - 32px spacing bottom (if there are buttons below)

The Site Section Padding

Section L - Padding

Top/Bottom: 120px
Left/Right: 22px

Section M - Padding

Top/Bottom: 100px
Left/Right: 22px

Section S - Padding

Top/Bottom: 80px
Left/Right: 22px

Components - Globals

RatedΒ Excellent, 5/5Β based on 1750+ reviews

Components - Templates

learn

Explore All Our Programs

instructor

Learn more about our other instructors