Resources · Brand
Brand assets for partners, press, and builders.
Everything you need to represent Cloak consistently: logos, color values pulled from our marketing and product surfaces, typography stacks, and simple usage rules. Prefer official files here over screenshots or recolored marks.
Includes wordmark PNG, app icon, and color specs · SVG / PDF on request
Logos
Wordmark, tile, and contrast treatments.
The inline SVG wordmark is the canonical lockup (see components/CloakLogo.tsx). Use the horizontal treatment on marketing and the square PNGs where a raster is required.
On dark background
On logo mist (light) — keep geometry visible
App tile / symbol
Profile-style (square PNG)
Colors
Charcoal neutrals with violet signal and mint state.
Tokens mirror landing-design and the light/dark CSS variables in globals.css. Click a swatch to copy the hex value.
Typography
Marketing and product stacks.
Marketing & legal
The quick brown fox jumps over the lazy dog
Primary stack: Klim Söhne (when licensed via Vercel Geist pairing), SF Pro Display, then system UI sans. Mono labels use SF Mono / system monospace — same rhythm as the company and terms pages.
Product (web)
Manrope — UI & body
Darker Grotesque — display accents
Loaded in root layout for the app shell and privacy flows. Tailwind maps font-sans → Manrope.
Design elements
Gradient fields & glass.
Cloak marketing leans on soft violet glows, mint success states, and blurred glass panels — not illustrated mascots. Use these sparingly behind hero content or partner co-branding strips.
Usage guidelines
Do and don't.
Do
- Use official PNGs or the SVG wordmark from this repo.
- Maintain clear space equal to the height of the “C” bowl around the lockup.
- Pair charcoal backgrounds (#161616–#1C1C1C) with #EEEEEE text for AA contrast.
- Credit “Cloak” as product name; “Cloak Privacy Corp.” for legal entity.
Don't
- Stretch, rotate, or outline the wordmark arbitrarily.
- Recolor logo fills away from the mist / deep / mid violet system.
- Place light wordmark on low-contrast busy imagery without a scrim.
- Imply custody — Cloak is non-custodial; keep copy aligned with docs.