VISUAL IDENTITY

Typography

Typefaces

#

Neue Haas Grotesk is the primary font. Carbon is for code. DO NOT USE DRUK WIDE.

Neue Haas Grotesk DisplayHeadings
Headings
Light 45 · Roman 55 · Medium 65 · Bold 75Headings and expressive moments. Never a paragraph.
Neue Haas Grotesk TextBody
Body copy
Roman 55 · Italic · Medium 65 · Bold 75Body copy, captions and interface text. Never at display sizes.
Druk WideLogo only
LOGO
MediumThe logo, and nothing else. Never a heading, never body text.
CarbonTechnical
TECHNICAL
RegularDecorative use, code, and small technical details.
Typeface
Weight
Capital letters
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
Lowercase letters
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
Numbers and punctuation
0
1
2
3
4
5
6
7
8
9
.
,
:
;
!
?
'
"
(
)
[
]
{
}
-
–
—
/
Special characters
@
#
$
%
&
*
+
=
<
>
|
~
^
\
£
€
¥
¢
§
©
®
™
°
±
×
÷
µ
†
Scroll down through the sets.

Scale

#

Font sizes for correct text hierarchy and digital typesetting. Hover for line height and letter spacing.

Headings are set in Neue Haas Grotesk Display Medium.
Heading 9
60pxLine height 60px, letter spacing -0.025em

Page Title

Heading 8
35pxLine height 40px, letter spacing -0.01em

Section Opener

Heading 7
28pxLine height 36px, letter spacing -0.0075em

Major Heading

Heading 6
24pxLine height 30px, letter spacing -0.00625em

Subsection

Heading 5
20pxLine height 26px, letter spacing -0.005em

Card Title

Heading 4
18pxLine height 24px, letter spacing -0.0025em

Inline Heading

Heading 3
16pxLine height 22px, letter spacing 0em

Small Heading

Heading 2
14pxLine height 18px, letter spacing 0em

Label Heading

Heading 1
12pxLine height 16px, letter spacing 0.0025em

Eyebrow

Body copy is set in Neue Haas Grotesk Text Roman.
Text 5
20pxLine height 28px, letter spacing -0.005em

Lead Paragraph

Text 4
18pxLine height 26px, letter spacing -0.0025em

Page Intro

Text 3
16pxLine height 24px, letter spacing 0em

Body Copy

Text 2
14pxLine height 20px, letter spacing 0em

Secondary Text

Text 1
12pxLine height 16px, letter spacing 0.0025em

Caption

Four weights are in use. Anything outside this set is out of system.
Light 45
Display only, large sizes

DEPARTMNT Labs

Roman 55
Default body weight

DEPARTMNT Labs

Medium 65
Headings, emphasis

DEPARTMNT Labs

Bold 75
Sparing emphasis only

DEPARTMNT Labs

EXAMPLE
CONNECT WITH WHAT'S REAL

Presence isn't something that could be measured.

That is, until now.

Our technology is built to exactly that. Actually, it does more than just measure presence, it rewards and encourages fans to engage more meaningfully with brands both in the real world and in the digital world. See our mission isn't to just enable a new kind of interaction, it is to build infrastructure that allows brands to play within the real world, with more data, with more connectivity and more confidence that their customers are getting something out of it than just 'brand building'.

Usage rules

#

Placeholder. When Display gives way to Text, weight pairing rules, and the fallback stack for environments where the brand faces cannot load.

Do
Display for the headline, Text for the body
Don't
Text face forced into display sizes
DEPARTMNT Brand System v0.1 · Updated July 2026