YMCA of Central Virginia · 170th Anniversary Source · ymcacva.org

A Lynchburg-area community-Y design system, a homepage, three landing pages.

Real colors lifted from production CSS — YCVA's signature blue and purple, not the federation default red. Real branch and program photography from YCVA's WordPress library. Sofia Sans is the free Google Fonts substitute for proprietary Cachet. The system below; a homepage and three landing pages built on it.

The system

Tokens, type, and components — extracted, not invented.

Eighteen color swatches with real hex values, a complete type ramp on Sofia Sans, six signature patterns (program-categories grid, join-band, impact stats, branch locations, give options, membership tiers), and the editorial branch photography that ties it all together.

Open the design system
#0060af
#053f67
#4d92cf
#d8e6f3
#92278f
#5c2e91
#0c1a2a
#f1b232
#f6f8fb
Homepage preview
For a better us.
For a better community.
The homepage

Everything the system ships at full strength.

Hero with editorial program photography, mission band, three program categories, impact stats, branch-locations grid, member story, and a closing join-band. Same tokens, full beat.

Open the homepage

Three landing pages on the same system.

Click to open
Landing 01
Membership

Membership

Four membership tiers (Youth · Adult · Family · Senior), what's included, scholarship messaging, FAQ, and a closing join-band.

Open landing
Landing 02
Youth programs

Programs

Camp, swim, sports, after-school. Three-area grid by Y mission, photo slider of program scenes, weekly schedule grid, image-text proof.

Open landing
Landing 03
Annual campaign

Give

Annual campaign, give-options grid (one-time / monthly / planned / sponsor), scholarship narrative, impact stats, donor closing block.

Open landing