Brands813
to browse
Wolff Olins· Designwolffolins.com
Design

Wolff Olins

Transformative brand consultancy — ink-black canvas, Monument Grotesk at every scale, electric yellow as the singular rupture, and a proprietary variable wordmark that renders at 317px with line-height 0.70

Color Palette14 tokens
background#000000
surface#f5f5f5
ink#ffffff
on-background#ffffff
on-surface#000000
primary#fff84b
on-primary#000000
primary-container#fffde0
ink-muted#959595
ink-secondary#616161
text-hover#bfbfbf
focus-ring#fff84b
border#959595
shadow-soft#c7c5c7
Buttons
TypographyGoogle Font
Space Groteskbrand uses WolffOlinsVF
display-hero

The quick brown fox

317px · 400 · 0px
display

The quick brown fox

64px · 400 · -1.76px
heading-section

The quick brown fox

55px · 400 · 0px
heading-sub

The quick brown fox

35px · 400 · 0px
body-large

The quick brown fox

30px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Wolff Olins

Transformative brand consultancy — ink-black canvas, Monument Grotesk at every scale, electric yellow as the singular ru…

Design
none
sm
pill
Elevation
RING
CARD
ELEVATED
Controls
On
Off
Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Wolff Olins
Transformative brand consultancy — ink-black canvas, Monument Grotesk at every scale, electric yellow as the singular rupture, and a proprietary variable wordmark that re…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewWolff Olins just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignWolff Olins
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Wolff Olins.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Wolff Olins tokens
export const theme = {
  primary: "#fff84b",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
12312
Brand moment

The Wolff Olins website opens on an absolute-black canvas () with a proprietary variable font — the "WO" monogram — rendered at 317 pixels with a line-height of 0.70. The letters c…

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗