Version 7.0Source: YSD Brand Guidelines, Jun 2024Owner: Jacob Washington
01 / Logos
Wordmark Lockups
The YMCA of San Diego County uses a Y logo + Community Well-Being & Belonging (CWB) wordmark lockup. CWB is San Diego specific and is the default for every Y deliverable unless otherwise directed. Default lockup: V3. V1 is the secondary alternate. Both versions are white reversed and require a dark or photographic background per Y-USA knockout rules.
Lead with logo. Preferred placement is top left, sized for impact.
Minimum clear space around the logo equals the full height of the word “the.”
Spacing between Y logo and wordmark equals the full height of the word “the.”
Never lock up the Y logo with another logo or word. No outlines, shadows, rotations, or color swaps.
For non-CWB contexts (rare, only if explicitly requested), refer to Y-USA color logo or knockout, not the CWB lockup.
02 / Typography
Cachet Pro
Primary: Cachet Pro for all internal and external materials. Fallback: Verdana for online applications or instances where Cachet is unavailable. Font files are embedded in this document so the kit renders correctly anywhere it opens, including inside Elementor HTML widgets. Source: Cachet_Pro.zip (Book, Medium, Bold, Extra Light).
Together we build a better us
Cachet Extra Light
AaBbCcDd 0123456789
Cachet Book
AaBbCcDd 0123456789
Cachet Medium
AaBbCcDd 0123456789
Cachet Bold
AaBbCcDd 0123456789
Headline Construction
All benefit-driven headlines are ALL CAPS.
Cachet Bold, character tracking -50, kerning set to “optical.”
Body copy tracking -25.
Color application: lines 1-3 use the primary color family of the accompanying logo, lines 4-5 use the accent color family. Descriptor lines use one accent color from the logo.
Together we can build a better us
Community Well-Being & Belonging
For a better us.®
03 / Color Palette
Full Y-USA Palette
Every color below is approved for Y marketing materials except membership campaigns, which are restricted to the blue and green families only. All hex values match the YSD Brand Guidelines, June 2024.
Blue Family
Cyan
#00aeef
PMS Process Cyan C
Blue
#0089d0
PMS 3005C
Deep Blue
#0060af
PMS 661C
Teal / Green Family
Light Teal
#20bdbe
PMS 7472C
Bright Teal
#01a490
PMS 3268C
Deep Teal
#006b6b
PMS 3298C
Purple / Magenta Family
Magenta
#c6168d
PMS 233C
Mid Purple
#92278f
PMS 2415C
Deep Purple
#5c2e91
PMS 268C
Red / Orange / Yellow Family
Deep Red
#a92b31
PMS 1807C
Red
#ed1c24
PMS 485C
Orange Red
#f15922
PMS 166C
Burnt Orange
#dd5828
PMS 173C
Orange
#f47920
PMS 152C
Yellow
#fcaf17
PMS 137C
Neutrals
Black
#231f20
PMS Process Black C
Cool Gray
#636466
PMS Cool Gray 11 C
White
#ffffff
PMS Process White
04 / Analogous Two-Tone Gradients
Approved Color Pairings
Two-tone faded backgrounds must use neighboring color families only. Never skip a family. The valid neighbor sequence runs purple, magenta, red, orange, yellow, green, teal, blue, then back to purple. Same-family light to dark is also approved.
Cross-Family Neighbors
Purple to Magenta
Purple to Magenta#5c2e91 to #c6168d
Magenta to Red
Magenta to Red#c6168d to #ed1c24
Red to Orange
Red to Orange#ed1c24 to #f15922
Orange to Yellow
Orange to Yellow#f15922 to #fcaf17
Yellow to Teal
Yellow to Green/Teal#fcaf17 to #20bdbe
Teal to Blue
Teal to Blue#20bdbe to #00aeef
Blue to Purple
Blue to Purple#0060af to #5c2e91
Same-Family Light to Dark
Blue Family
Cyan to Deep Blue#00aeef to #0060af
Teal Family
Light Teal to Deep Teal#20bdbe to #006b6b
Purple Family
Magenta to Deep Purple#c6168d to #5c2e91
Warm Family
Yellow to Deep Red#fcaf17 to #a92b31
05 / Use Case Rules
When to Use What
Do
Membership / CWB Materials
Use the blue and green families only. CWB lockup logo. The Y blue/green palette is the main color palette for CWB branding.
Do
General Y Marketing
Full Y-USA palette is fair game. Vary logo color across pieces so no single color is assigned to a location, department, or program.
Do
Two-Tone Backgrounds
Pair neighboring color families only. Same-family light to dark also works. Use these for hero sections, dividers, and color blocks.
Do
Headlines
ALL CAPS, Cachet Bold, tracking -50. Lead with the benefit, not the program name.
Don’t
Skip Color Families
Never pair non-neighbors (e.g., purple with yellow, blue with red). It breaks the analogous logic of the Y palette.
Don’t
Use Blue/Green for Non-CWB
Blue/green is reserved for CWB and membership. For other marketing, vary across the full palette so no color owns a program.
Don’t
Lock the Logo to Other Marks
Never combine the Y logo with another logo, word, or shape. Never rotate, outline, recolor, stretch, or shadow.
Don’t
Use Verdana When Cachet Is Available
Verdana is fallback only. Always reach for Cachet Pro first. The font file lives in the standard kit zip.
06 / Tagline & Naming
Approved Voice Marks
“For a better us.”
Sentence case always. Capital F, lowercase rest, period at the end.
Now a registered trademark, no superscript TM needed.
Color application follows the layout’s color family, same family or neighboring family.
Use as a benefit-driven headline or as a sign-off message.
“The Y.”
Capital T, capital Y, period.
Requires TM superscript on first use in any piece.
Spanish
Standalone: Por una mejor comunidad para todos.
With organization: La Y. Por una mejor comunidad para todos.
07 / San Diego Acronyms
Internal Shorthand
These are YMCA San Diego specific. Use them in internal-facing copy and design notes. Always spell out on first use in any external-facing piece.
CWB
Community Well-Being & Belonging
ECE
Early Childhood Education
ASL
Association Service and Leadership
YFS
Youth and Family Services
ELP
Expanded Learning Programs
CCSD
Childcare Services Department (sometimes Childcare San Diego)
08 / Common Sizes
Standard Collateral Dimensions
Reference sizes for the formats produced most often. When a brief just says “flyer” or “postcard,” default to the size listed here. Print sizes include 0.25 in bleed unless noted. Digital sizes are full canvas, no bleed. Keep critical content inside the safe margin.
Print
Flyer
8.5 × 11 in
Bleed 0.25 in Safe 0.25 in from trim
Standard handout. Single page, both sides. Branch info, program signups, event recap.
Postcard
4 × 6 in
Bleed 0.25 in Safe 0.25 in from trim
Direct mail, leave-behinds, thank-you cards. Image on one side, copy and CTA on the other.
Booklet (multipage)
8.5 × 11 in
Bleed 0.25 in Safe 0.375 in from trim Pages in multiples of 4
Saddle-stitched program guides, annual reports, parent handbooks. Spreads designed in pairs.
Small Poster
18 × 24 in
Bleed 0.25 in Safe 0.5 in from trim
Branch lobby, classroom doors, bulletin boards. Read from 4–6 ft away.
Large Poster
24 × 36 in
Bleed 0.25 in Safe 0.5 in from trim
Lobby walls, event hero pieces, hallway runners. Read from 8–12 ft away. Headline does the work.
Pop-up Banner (small)
33 × 80 in
Bleed 0.25 in Safe 1 in from trim Note bottom 8 in covered by base, keep clear
Retractable banner for events, registration tables, branch tours. Vertical orientation, viewed from 6–10 ft.
Pop-up Banner (large)
34 × 84 in
Bleed 0.25 in Safe 1 in from trim Note bottom 8 in covered by base, keep clear
Larger retractable for major events, association-wide gatherings, donor recognition.
Digital
Web Hero
1920 × 1080 px
Bleed none Safe keep focal point centered, mobile crops to 16:9 → 4:5
Homepage banner, landing page top section. Headline left or center, image bleeds full width.
Email Hero
600 × 400 px
Bleed none Safe 24 px from edges Note @2x export for retina (1200 × 800)
Newsletter top image, campaign blast hero. Avoid text-heavy designs. Inboxes often clip below 400 px.
Social Square
1080 × 1080 px
Bleed none Safe 60 px from edges
Instagram and Facebook feed posts. Default for single-image announcements.
Social Portrait
1080 × 1350 px
Bleed none Safe 60 px from edges Aspect 4:5
Instagram feed (more screen real estate than square). Use for hero campaigns and quote graphics.
Social Story / Reel
1080 × 1920 px
Bleed none Safe top 250 px and bottom 250 px reserved for UI
Instagram and Facebook stories, Reels covers, TikTok. Keep critical content in the middle 1420 px.