The Upskilling Labs
Brand Architecture.
Empowering our community with a unified, high-contrast visual language.
Gradient Playbook & Color Discipline
We avoid "muddy" transitions. Every gradient must use Midnight as a bridge when mixing hues, or stay purely monochromatic.
The Midnight Bridge
When transitioning between two distinct colors (e.g., Teal → Red), Midnight (#101820) must anchor the center.
The Inky Deep
Our standard monochromatic transition. A radial mix from Shadow Teal (#006b73) into Midnight (#101820).
The Logo Treatment
The logo features the signature Teal-to-Red gradient utilizing the Midnight Bridge. To maintain legibility, the logo should always be placed on a Midnight background, which can gently blend into the surrounding photography or sections.
The Palette Library
Tier 01: Civic Core
The Foundation. Used for 80% of layouts to establish trust, clarity, and accessibility.
Web UI & Typography
Sentence Case Rule
Our brand balances technical precision with human warmth. We do not use all-caps on the website. We default to sentence case (as seen above) to remain conversational. Note the use of the bold, 3x-scaled H1 headers using the Geologica font family.
Download Geologica →The Voice of the Labs
"The Upskilling Labs is a place where you can show up, start learning, and build your next chapter with other people."
Words We Build With
Warm, Clear, Grounded.
- → Build
- → Practice
- → Momentum
- → Together
Words We Avoid
Corporate, Hype, Jargon.
- × Disrupt
- × Leverage
- × Ecosystem
- × Innovation
Brand Assets & Downloads
Official files for community builders and partners. The logo should always be placed on Midnight backgrounds to ensure gradient clarity.
Social Canvas Guidelines
To grab attention in a busy feed, we keep things bold and focused. Treat thumbnails like billboards, not brochures. Use 3-5 words maximum, and let your post caption carry the details.
The Photo Overlay
Use a heavy Shadow Teal overlay on photos. Keep text massive, white, and centered to create impact.
Action-Oriented Recaps
Keep the focus on the event's outcome. The massive text acts as a stopping point in the feed.
The Alert Gradient
Use Action Red fading to Midnight for urgency or major updates. Keep copy aggressively short.
The Core Solid & Exception
Primary Teal background. Note: Graphic treatments on social are the only place all-caps may be used as an artistic choice.