cloaked
Additional reference
This page is retained from the earlier design site. Current component and token guidance is in the Storybook component reference and Foundations.
Logo
The cloak mark and the lowercase cloaked wordmark. Strict use cases for wordmark and icon ensure brand recognition and overall system consistency — pick by contrast, never recolor, never redraw.
cloaked
Combo lockup · Brand/300 Cloaked orange + black · Cream surface
Anatomy
Two elements
The logo is composed of a mark (the cloak) and a wordmark (lowercase cloaked set in the brand serif). Either stands alone; the combo is the default on any owned surface.
Mark · The cloak
cloaked
Wordmark · Lowercase serif
States
Sizes & combinations
Four sizes (24 · 32 · 48 · 64) across three states. Use Combo on owned surfaces, Wordmark when the mark already appears nearby, Mark only for profile pictures, favicons, and app icons.
Combo
Combo · ®
Wordmark
Mark
64
cloaked®
cloaked
48
cloaked
cloaked®
cloaked
32
cloaked
cloaked®
cloaked
24
cloaked
cloaked®
cloaked
Approved use cases
Color combinations
The brand has strict use cases for its wordmark and icon to ensure brand recognition and overall system consistency.
cloaked
Brand/300 Cloaked wordmark on cream — the default.
cloaked
Black wordmark on white.
cloaked
White wordmark on brand-300-cloaked.
cloaked
White wordmark on black — for digital night mode.
cloaked
Brand/300 Cloaked combo on cream — print-ready.
cloaked
Knockout black combo — for maximum contrast or B&W printing.
Do not
Forbidden combinations
cloaked
Never put an orange wordmark on a black background.
cloaked
Never use the wordmark in off-white.
cloaked
Never use the cloak icon in white, or on an orange background.
Never use the cloak icon in white on a black background.
Never use the cloak icon in orange on a black background.
cloaked
Never rotate, stretch, or re-space the lockup.
Clear space
Give it room
Minimum clear space equals the height of the mark (x) on
every side. Never tighter — the cloak needs air to read.
x
x
x
x
cloaked
Export sizes
Favicon & icon presets
Fixed exports. Always use the pre-rendered asset at each target size — don't resample the master SVG on the fly below 48px.
32 · favicon
App & browser tab
72 · fav-icon
Home-screen shortcut
256 · icon
App icon light
620 · icon
Install & sharing
Downloads
Brand assets
SVG is the master — always prefer it. PNGs ship at 1×, 2×, 3× for cases where SVG isn't viable.
