Brand Assets

Logos & Lockups

MGS Icon
Icon
SVG PNG
MGS Wordmark
Wordmark
SVG PNG
MGS Wordmark Dot
Wordmark + Dot
SVG PNG
MGS Coral M
Coral M
SVG PNG
Horizontal Compact
Horizontal Compact
SVG PNG
Horizontal Full
Horizontal + Tagline
SVG PNG
Stacked
Stacked
SVG PNG
Stacked Dark
Stacked (Dark)
SVG PNG
Stacked on Coral
Stacked (Coral)
SVG PNG
Stacked One Color
Stacked (One Color)
SVG PNG
Wordmark Spaced
Wordmark Spaced
SVG PNG
Horizontal Tight
Horizontal Tight
SVG PNG

Color Palette

Navy (Primary)

Pale
#F0F1F4
Light
#4A5578
Navy
#0F1B3C
Dark
#0A1229
Black
#060C1A

Coral (Accent)

Pale
#FDF0ED
Light
#F09480
Coral
#E8593C
Dark
#C94529
Black
#8B2E1A

Teal (Secondary)

Pale
#EDFAF4
Light
#5CC9A1
Teal
#1D9E75
Dark
#167A5A
Black
#0E5039

Neutrals

Ink
#0F1B3C
Midnight
#1A2544
Slate
#2D3A54
Storm
#4A5578
Muted
#6B7280
Border
#E2E4E9
Cloud
#F7F8FA

Typography

Aa
Inter
Display & Body
ExtraBold 800 · Headlines
Bold 700 · Subheadings
Medium 500 · UI labels
Regular 400 · Body text
01
IBM Plex Mono
Data & Code
9/14 · Scores
$29/mo · Pricing
65% · Percentages
#E8593C · Hex codes
Usage rules

Display text uses tracking-tight (-0.03em)

Body text uses default tracking

No font below 11px

Both loaded from Google Fonts CDN

Font Loading

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&family=Inter:wght@400;500;700;800&display=swap" rel="stylesheet">