Hand-back
GSL style guide
Values for the Divi 5 build. Content max width 1240px. Mint #24DBA0 is an alternate CTA, but needs navy text (fails AA with white).
Colors
Navy (anchor)
#0B2545
Dark sections, headings. Re-sample from logo file.
Navy 2
#133766
Cards on navy
Bright Blue (primary)
#2382F5
Icons, accents, large text only
Blue text-safe
#1463C7
Links & small blue text (AA on white)
Sky Blue (secondary)
#3DACD8
Eyebrows on navy, gradients
Amber (CTA)
#FFB020
Primary buttons, navy text (AA ~8:1)
Amber hover
#F59E0B
CTA hover
Ice (light bg)
#F2F7FC
Alternating light sections
Ink (body text)
#1F2A37
Body copy
Typography
Headings: Barlow Condensed (Google Fonts) 700, uppercase. Body: Source Sans 3, 17px / 1.6, weights 400/600/700.
H1 Freight shipping
72px / 0.95 · Barlow Condensed 700 · uppercase (mobile 48px)
H2 Freight shipping
54px / 1.02 (mobile 38px)
H3 Freight shipping
30px / 1.05
H4 Freight shipping
24px / 1.1
H5 Freight shipping
20px / 1.1
H6 Freight shipping
16px / 1.2 · letter-spacing 0.14em
Body — Hundreds of carriers compete for your business. No membership fees, no obligations, and real people when something goes wrong.
Eyebrow label · 15px · 0.14em
Buttons
48px tall, 28px horizontal padding, 8px radius, uppercase 700. Hover states shown on hover.
Cards & spacing
Icon card (blurb)
24px padding, 8px radius, 1px border, soft navy shadow on hover.
Card on navy
Navy 2 fill, no border.
Section spacing
104px top/bottom desktop, 72px mobile. Grid gap 20–24px. Swoosh divider 80px (48px mobile).