A leadership brand, built to fly in formation.
This system documents the visual language already live across geeseproject.com and the Born to Soar rebuild — verified for accessibility, and set down as one consistent source of truth.
Where this comes from
Three sources were checked directly — not assumed — before a single token was set. Each plays a different role in what follows.
| Source | What it actually is | Colors found (measured) | Role in this system |
|---|---|---|---|
| geeseproject.com live site |
The operating legacy marketing site — checked via computed DOM styles, not screenshots. | #4187C7 blue · #EE3552 coral #090909 ink · #6B6B6B gray Manrope / Inter |
PRIMARY source for the energetic layer — headline accents, links, body text. |
| geeseproject-web.web.app asset host |
Not a styled marketing surface — it's the image/CDN bucket both builds pull team photos and workshop galleries from. Its own shell uses default system-ui type and ad-hoc color (#1a1a2e, #f5a623). | #1a1a2e navy-ish #f5a623 amber system-ui (unstyled) |
REFERENCE ONLY — not treated as brand authority; noted so it isn't mistaken for a second design language. |
| Redesign Wireframe Born to Soar launch |
The approved low-fi wireframe for the book-launch rebuild — a deliberately restrained 2-color system. | #1B2D5B navy · #B8963E gold (gold reserved for CTAs only) |
PRIMARY source for the structural layer — dark surfaces, and the one CTA color. |
Palette
Navy is the structural color — headers, footers, dark bands. Geese Blue and Coral carry energy in headlines and links. Gold is rationed to calls-to-action only, so it keeps its weight.
Every pairing, measured
Ratios computed with the WCAG relative-luminance formula against the actual token values above. Two real issues turned up in the current build — both have a documented fix.
| Pairing | Sample | Ratio | Normal text | Large text / UI |
|---|---|---|---|---|
| Ink on White | Aa | 19.9:1 | PASS | PASS |
| Body Gray (#6B6B6B) on White | Aa | 5.3:1 | PASS | PASS |
| White on Navy | Aa | 13.4:1 | PASS | PASS |
| White on Geese Blue (#4187C7) | Aa | 3.8:1 | FAIL | PASS |
| White on Coral (#EE3552) | Aa | 4.0:1 | FAIL | PASS |
| White on Gold — used on the site's "Order the Book" button | Aa | 2.8:1 | FAIL | FAIL |
| Navy on Gold — the fix, applied above | Aa | 4.75:1 | PASS | PASS |
| White on Geese Blue — Solid (#306595) | Aa | 6.1:1 | PASS | PASS |
| Gold-Light on Navy (eyebrow labels) | Aa | 8.9:1 | PASS | PASS |
.btn-primary) currently sets white label text at 13px — a 2.8:1 ratio, failing AA at every size. Swap the label color to Navy (#1B2D5B) and keep the gold fill; this single change resolves the site's only real contrast defect.
Accessibility checklist
- Body copy never drops below a 4.5:1 ratio against its background.
- Gold is reserved for buttons and large display type — never small white-on-gold labels.
- Every interactive element shows a visible
:focus-visiblering in Geese Blue Solid. - Motion (the flock animation above, marquees, carousels) respects
prefers-reduced-motion. - All photography carries descriptive alt text — never the filename.
Manrope + Inter
Manrope carries the brand's voice — confident, geometric, a little architectural, used for every headline. Inter does the reading work underneath it: neutral, dense-friendly, built for long paragraphs of program detail.
An 8px rhythm
Section padding runs 88px top and bottom on desktop; everything inside steps down from there in multiples of 4.
Radius & shadow
Built from the live site
Specimens below render with the corrected, AA-safe tokens.
Buttons
Card
Leadership Accelerator Course
8 weeks · via George Brown · Fall/Winter/Spring cohorts, with a corporate track for teams.
Category pills (FAQ-style filter)
Form field
Icon tile
Sky, formation, faces
Three recurring image types carry the brand: wide sky-and-geese photography for hero moments, candid workshop documentary photos for proof, and warm portrait crops for every named person on the team.
- Hero and CTA bands: cloud/sky photography with a navy gradient overlay for text legibility.
- Workshop proof: unposed, natural-light photography — never stock imagery.
- Team portraits: consistent crop and warm color grade; initials-on-gradient as the fallback avatar.
- Icons: single-weight line icons at 1.8px stroke, sat inside a soft Geese-Blue-tinted circle.
Confident, culturally grounded, forward-looking
The copy across Born to Soar and the site never hedges. It states a belief, then backs it with a framework.
"Every Filipino is born with the potential to soar."
"We hope this program might help some leaders improve."
"We are not simply developing leaders for today. We are developing AI-Ready Filipino Leaders for tomorrow."
"Our innovative solutions leverage synergies for tomorrow's workforce."