GuruSpace v2

Design system style guide

Mastercard editorial structure mapped onto GuruSpace's blue identity — sampled from the real logo. Royal blue leads, navy is the ink, azure is the single signal.

Color
Royal (primary)
#2870D0
Royal deep
#2060C0
Azure (signal)
#4890E8
Navy (ink)
#001f3f
Navy ink (footer)
#001225
Canvas
#F7F8FA
Lifted
#FCFDFF
Whisper
#E6EAF0
Typography

Display H1 / 500 / -2%

Section H2

Card title H3

Body copy at weight 450 — Sofia Sans' signature half-step, softer than 500, firmer than 400. The contrast comes from scale, weight, and letter-spacing, not a second typeface.

Eyebrow label · 14 / 700 / +4%
Buttons
Badges / status
Default
Accent
active
in progress
completed
cancelled
Inputs
Cards & satellite CTA

Lifted card

Soft halo shadow on cool canvas, 24px radius.

Surfaces sit on canvas; elevation is atmospheric, never a hard drop shadow.
Stat (Insight building block)
0+
hours of deep work
0
members
0/20
in use now
By the numbers

A hub that's actually in motion.

Real numbers from real focus time at Guru Innovation Hub — open since 2025, and busiest around 1 PM, Thursdays.

0+
hours of deep work logged
0
members & counting
0
sessions booked
0
seats filled
₦0.00M+
processed through GuruSpace
0/20
seats in use right now