Encapsulate · Brand
Assets and rules
The kit is six files, two colours and three typefaces, with one rule that decides which mark goes on which ground.
Updated as the system changes
Scroll ↓
Every ground, both files.
Six files, one per ground. Use the light pair on paper, the reversed pair on ink, and the green pair on the brand green — the rule behind all three is that no part of the mark may be the colour of the ground it sits on, which is why the disc and the capsule swap rather than the whole mark inverting.
01 · The marks
Click to download
Three grounds, two kinds
Two brand colours.
Green is a field with black type on it — never green type on white. Click any value to copy it.
02 · Colour
#2A2C28
Every dark section and slide
#FAFAF8
Every light page and slide
#F7DCE7
#F8DDC6
#D2E3F6
#F8E8B3
#DCEEC7
#99CC66
#000000
The grounds
Our paper is not white and our dark sections are not black. Put the mark on these, not on #FFF or #000.
The pastel set
Graphics only — wells, covers, card fields. Never type, never a control fill.
Three faces, one job each.
Mono is for labels, dates and figures — never a sentence. A fourth face draws the wordmark and nothing else.
03 · Type
Aa Bb Cc
Outfit
Headings · 500 – 600
Aa Bb Cc
Hanken Grotesk
Body · 400 – 500
Aa Bb Cc
JetBrains Mono
Labels, dates, figures · 400 – 500
And one that is not part of the system
Comfortaa
Draws the wordmark only
The letters in the wordmark are Comfortaa, and that is the only place it appears. It is never set as text — not for a heading, not for a label — and it is not needed to use the logo, because the wordmark ships as paths rather than as type. If you find yourself typing the company name in it, use the wordmark file instead.
Clear space and minimums.
One rule, not a list of things not to do.
04 · Using it
Clear space
The height of the band inside the mark, on all four sides.
Minimum mark
24px. Below that the band closes up and it reads as a dot.
Minimum wordmark
120px wide, or the letterforms lose their terminals.
The inner gap
Transparent, not white — it takes the colour behind it.