DISPLAY & HERO STYLES

MG01 – Display – Hero XL

Name: MG01 – Display – Hero XL
Family: Source Sans 3
Weight: 350 (font-light)
Style: Normal
Size: clamp(2.25rem, 1.275rem + 4vw, 4.375rem)
→ 36px (Mobile) to 70px (Desktop)
Line Height: 1.1
Color: #3a3a3a (page-strong)

MG02 – Display – Hero L

Name: MG02 – Display – Hero L
Family: Source Sans 3
Weight: 350 (font-light)
Style: Normal
Size: clamp(1.875rem, 1.187rem + 2.823vw, 3.375rem)
→ 30px (Mobile) to 54px (Desktop)
Line Height: 1.1
Color: #3a3a3a

MG03 – Heading – H2 Standard

Name: MG03 – Heading – H2 Standard
Family: Source Sans 3
Weight: 600 (font-semibold)
Style: Normal
Size: clamp(1.5rem, 1.1559rem + 1.4117vw, 2.25rem)
→ 24px (Mobile) to 36px (Desktop)
Line Height: 1.25
Color: #14613b (page-accent / Green)

MG04 – Heading – H3 Standard

Name: MG04 – Heading – H3 Standard
Family: Source Sans 3
Weight: 600 (font-semibold)
Style: Normal
Size: clamp(1.25rem, 0.9059rem + 1.4118vw, 2rem)
→ 20px (Mobile) to 32px (Desktop)
Line Height: 1.25
Color: #3a3a3a (page-strong)

MG05 – Heading – H4 Standard

Name: MG05 – Heading – H4 Standard
Family: Source Sans 3
Weight: 600 (font-semibold)
Style: Normal
Size: clamp(1rem, 0.8125rem + 0.625vw, 1.25rem)
→ 16px (Mobile) to 20px (Desktop)
Line Height: 1.25
Color: #3a3a3a

MG06 – Heading – H2 Light

Name: MG06 – Heading – H2 Light
Family: Source Sans 3
Weight: 350 (font-light)
Style: Normal
Size: clamp(1.5rem, 1.1559rem + 1.4117vw, 2.25rem)
→ 24px (Mobile) to 36px (Desktop)
Line Height: 1.25
Color: #14613b

BODY & TEXT STYLES

MG07 – Body – Base Text

Name: MG07 – Body – Base Text
Family: Source Sans 3
Weight: 400 (font-normal)
Style: Normal
Size: clamp(1rem, 0.8125rem + 0.625vw, 1.25rem)
→ 16px (Mobile) to 20px (Desktop)
Line Height: 1.5
Color: #5d5d5d (page-fg)

MG08 – Body – Body Large

Name: MG08 – Body – Body Large
Family: Source Sans 3
Weight: 400
Style: Normal
Size: clamp(1rem, 0.7706rem + 0.9411vw, 1.5rem)
→ 16px (Mobile) to 24px (Desktop)
Line Height: 1.5
Color: #5d5d5d

MG09 – Body – Small Text

Name: MG09 – Body – Small Text
Family: Source Sans 3
Weight: 400
Style: Normal
Size: clamp(0.875rem, 0.8176rem + 0.2353vw, 1rem)
→ 14px (Mobile) to 16px (Desktop)
Line Height: 1.5
Color: #5d5d5d

UI ELEMENTS

MG10 – UI – Button Text

Name: MG10 – UI – Button Text
Family: Source Sans 3
Weight: 600
Style: Normal
Size: clamp(1rem, 0.8125rem + 0.625vw, 1.25rem)
→ 16px (Mobile) to 20px (Desktop)
Line Height: 1.5
Color Primary: #d0dfd8 (button-primary-fg, on green background)
Color Secondary:#14613b (button-secondary-fg, on light green background)

MG11 – UI – Navigation Main

Name: MG11 – UI – Navigation Main
Family: Source Sans 3
Weight: 640 active / 400 inactive
Style: Normal
Size: clamp(1.875rem, 1.5882rem + 1.1765vw, 2.5rem)
→ 30px (Mobile) to 40px (Desktop)
Line Height: 1.25
Color: #5d5d5d / active: #14613b

MG12 – UI – Navigation Dropdown

Name: MG12 – UI – Navigation Dropdown
Family: Source Sans 3
Weight: 400
Style: Normal
Size: clamp(1.25rem, 1.1353rem + 0.4706vw, 1.5rem)
→ 20px (Mobile) to 24px (Desktop)
Line Height: 1.25
Color: #5d5d5d / hover: #14613b

MG13 – UI – Section Headline Nav

Name: MG13 – UI – Section Headline Nav
Family: Source Sans 3
Weight: 640 (font-bold)
Style: Normal
Size: clamp(1rem, 0.8125rem + 0.625vw, 1.25rem)
→ 16px (Mobile) to 20px (Desktop)
Line Height: 1.25
Color: #14613b (Green)

MG14 – UI – Table Header

Name: MG14 – UI – Table Header
Family: Source Sans 3
Weight: 640
Style: Normal
Size: clamp(1.25rem, 1.1353rem + 0.4706vw, 1.5rem)
→ 20px (Mobile) to 24px (Desktop)
Line Height: 1.3
Color: #3a3a3a (page-strong)