Brand guidelines
By using our logos, you agree to our Marks
Logo
The Labelbox wordmark is the cornerstone of our brand. It serves as our signature and appears everywhere from product UI to global campaigns.
Logo icon
When there isn't room for our wordmark, use the logo symbol instead. Allow for ample whitespace on all sides.
Cove
RGB
54, 112, 127
CMYK
57, 12, 0, 50
HEX
#36707F
Clay
RGB
177, 94, 58
CMYK
0, 47, 67, 31
HEX
#B15E3A
Cider
RGB
224, 137, 42
CMYK
0, 39, 81, 12
HEX
#E0892A
Slate
RGB
42, 38, 34
CMYK
0, 10, 19, 84
HEX
#2A2622
Surface
RGB
241, 237, 230
CMYK
0, 2, 5, 5
HEX
#F1EDE6
Surface Paper
RGB
246, 243, 238
CMYK
0, 1, 3, 4
HEX
#F6F3EE
Surface Light
RGB
255, 253, 248
CMYK
0, 1, 2, 0
HEX
#FFFDF8
Semantic color ramps
Each semantic palette includes a 50-900 tonal ramp. The mid-to-dark steps power brand, status, and UI states while lighter steps support subtle surfaces.
Cove
Clay
Grove
Sky
Cider
Crimson
Grey
Accent hues
Accent hues are single-value tag tokens used for labels, category markers, icon tones, and card accent systems.
Core token colors
Our core palette is driven by the current design tokens. These semantic colors keep brand, text, and surface treatments consistent across light and dark themes.
Primary typeface / Klim Type Foundry
The Future
Black
Bold
Medium
Regular
Secondary typeface / Google
IBM Plex Sans
Bold
Medium
Regular
Mono
Marketing page hierarchy
Use Typography with decoupled level (semantic) and variant (visual). Future Tense headings use normal weight (400); body copy and subtitles use normal weight as well.
- Page title:
level="h1"+variant="full"(product) orvariant="h2"(editorial) - Section heading:
level="h2" variant="h2" - Section subtitle:
variant="h5"+ IBM Plex, normal weight - Descriptions / body:
variant="p"orbodyMd, normal weight — no bold, semibold, or medium - Card title:
level="h3" variant="h3"orvariant="h4" - Eyebrow:
<Eyebrow variant="plain">
Product UI exceptions
Leaderboard templates, pricing tables, and benchmark widgets use a denser IBM Plex scale (semibold labels, compact headings). These are intentional product UI surfaces — not marketing page typography.
Editorial content
Blog and guide page titles use EditorialPageTitle (level="h1" variant="h2", compact scale) for long-form heroes.
Typography
Our typography mainly consists of two font families, The Future and IBM Plex
Primary Typeface: The Future
Our primary typeface is The Future, a sleek and modern sans-serif typeface with a clean, geometric form. Its smooth, rounded letters flow effortlessly across the page, giving it a friendly and approachable feeling.
Secondary Typeface: IBM Plex Sans
Our secondary typeface, IBM Plex Sans, was chosen for it's modern, clear, and approachable form. In addition to body content, we use this typeface when in places where The Future is unavailable.