Bracket loader
The two brackets slide together and close into the mark. Same motion as the loader in the app.
MP4: H.264, background included · WebM: VP9, transparent · GIF: 30 fps, background included · Lottie: JSON, transparent, 60 fps
Frame, forpress and partners.
Logos
Steel first.White and black when it can’t be.
Each logo comes as SVG and transparent PNG. Steel is the version we use ourselves.
Wordmark
The symbol and “Frame”. Use it first. Lettering is outlined, so no font is needed.
WhiteDark or photo backgrounds
BlackLight backgrounds, print
Symbol
The two brackets on their own. For avatars, small spaces and when the name is already nearby.
SteelPreferred, on dark
All PNG sizes
WhiteDark or photo backgrounds
All PNG sizes
BlackLight backgrounds, print
All PNG sizes
App icon
The symbol on its tile, as it appears on a home screen.
Favicons
For browser tabs and bookmarks. SVG for modern browsers, ICO for everything else.
Motion
The frame closes.Then it’s Frame.
Two animated marks for intros, outros and loading moments, in dark and light. Transparent WebM and Lottie for overlays.
Wordmark reveal
The brackets close, the mark steps aside and “Frame” slides in.
MP4: H.264, background included · WebM: VP9, transparent · GIF: 30 fps, background included · Lottie: JSON, transparent, 60 fps
Usage
A few rules,kept short.
Clear space
Keep a margin the height of one bracket arm (a quarter of the symbol) on every side.
Minimum size
Below these sizes the brackets blur together. Use the favicon files under 32 px.
Wordmark
96 px
25 mm in print
Symbol
16 px
6 mm in print
DoSteel on dark
The preferred version. Use it wherever the background is dark.
DoBlack on light
On paper and light backgrounds, use the black files.
Don’tRecolour
No new colours or gradients. Steel, white or black only.
Don’tStretch
Scale proportionally. Never squash, skew or rotate.
Don’tAdd effects
No shadows, glows or outlines.
Don’tCrowd it
Keep the clear space free, and avoid busy or low-contrast backgrounds.
Colour
Black, whiteand steel.
Click or tap any swatch to copy its hex. The steel gradients are the logo’s; the site itself is black and white with steel as the only accent.
Steel, top piece
Logo gradient, upper bracket
Steel, bottom piece
Logo gradient, lower bracket
App tile
App icon background
Type
Geist for everything.Serif for one line.
Geist · Sans
Aa Frame
- Use
- Wordmark, headings, body, UI, everything else
- Weights
- 400 body · 500 UI · 600 headings and the wordmark
- Tracking
- −3.5% on large headings, −3.4% in the wordmark, 0 for body
- Mono
- Geist Mono for codes, hex values and data
Instrument Serif · Display
Your digital life.
- Use
- Large hero headlines only, one per page at most
- Never
- In the logo, body copy, buttons or UI
- Licence
- Both families are free under the SIL Open Font License
Press
Writing about Frame?Here’s the short version.
Frame is a consumer privacy and digital-identity platform. It finds where your personal information is exposed (breaches, data brokers, leaks), removes what it can, and watches for new exposure, with an investigating agent that explains each finding in plain language. Frame is independent and 100% Canadian-owned.
For interviews, quotes or anything not here, email press@frameprivacy.com. We reply within one business day.