01
Logos & Marks
Click any logo to choose your format
PNGSVGPDF
PNGSVGPDF
PNGSVGPDF
PNGSVGPDF
PNGSVGPDF
JPEG
JPG
JPG
PNG
JPG
02
Color Palette
Click any color to copy the hex
Electric Green
#75ff8e
Copy
Lt Green
#c9ffd3
Copy
White
#ffffff
Copy
Lt Grey
#efefef
Copy
Dark Grey
#999999
Copy
Sand
#efe9e5
Copy
Beige
#dacdc3
Copy
Black
#0a0a0a
Copy
03
Typography
Both free via Google Fonts
Headings — Syne
Syne
Use for: Headlines, titles, labels, nav, callouts
Weights: 700 Bold · 800 ExtraBold
Style: ALL-CAPS for labels · Sentence case for headlines
Get it: fonts.google.com/specimen/Syne
Weights: 700 Bold · 800 ExtraBold
Style: ALL-CAPS for labels · Sentence case for headlines
Get it: fonts.google.com/specimen/Syne
Body — Space Grotesk
Grotesk
Use for: Body copy, captions, UI text, descriptions
Weights: 300 Light · 400 Regular · 500 Medium
Style: Sentence case · avoid all-caps at small sizes
Get it: fonts.google.com/specimen/Space+Grotesk
Weights: 300 Light · 400 Regular · 500 Medium
Style: Sentence case · avoid all-caps at small sizes
Get it: fonts.google.com/specimen/Space+Grotesk
04
Brand Guidelines
How to use YPG assets correctly
✓ Do
Use the provided logo filesDon't redraw or recreate the YPG mark from scratch
Maintain clear spaceLeave at least 1× the mark height as clear space on all sides
Use approved colorsElectric Green (#75ff8e) is the primary brand accent
Use Syne + Space GroteskThese are the only approved typefaces for YPG materials
✗ Don't
Don't alter the logoNo recoloring, stretching, rotating, or adding effects
Don't place on busy backgroundsAlways use a solid color with sufficient contrast
Don't use off-brand colorsNo gradients, off-palette colors, or color modifications
Don't use in unapproved contextsContact us before using YPG assets in new campaigns
Questions about using these assets?
Reach out before using YPG brand assets in ways not covered by these guidelines.