Color Copied

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. This creates cinematic depth and maintains hue purity.

The Inky Deep

Our standard monochromatic transition. A radial mix from Shadow Teal (#006b73) into Midnight (#101820). This provides our signature atmospheric background.

The Logo Treatment

The Upskilling Labs

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 sections.

The Palette Library

Tier 01: Civic Core

The Foundation. Used for 80% of layouts to establish trust, clarity, and accessibility.

Primary Teal#0094a0
Action Red#ee1c25
Midnight#101820
Ghost White#ffffff
Cloud#e6e6e6

Typography Strategy

Geologica

Our brand balances technical precision with human warmth. We do not use all-caps. We default to sentence case to remain conversational.

Launch your next chapter.

H1: Bold 700 / 3x Scale

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.

Horizontal Lockup

Primary Logo Lockup

Full brand name with the mark. Always place on Midnight (#101820).

Download Lockup
Logo Mark

The Mark (Icon)

The standalone "U" symbol. Use for avatars, favicons, or tight social spaces.

Download Mark