01
Logo
The mark and wordmark side by side. Use it wherever there is room.
(Media)
(01) Logos
Preview
01
The mark and wordmark side by side. Use it wherever there is room.
02
The wordmark set below the mark, for square and narrow spaces.
03
The stacked logo on a solid square, for profile pictures, press and social posts.
04
The aperture on its own, for small spaces and places where the name already appears.
05
The mark on a solid square, for app stores, favicons and avatars.
(02) Colours
Ink
#111110
Logo and text
Paper
#F1F1EE
Backgrounds, and the logo on dark
Night
#0E0E0D
Dark surfaces
Fringe blue
#2F6BFF
Chromatic fringe, outer edges
Fringe red
#FF3B30
Chromatic fringe, inner edges
(03) Typefaces
DistortionLens
Mona Sans
Wordmark (SemiBold, semi-expanded), headings and text.
(Independent software studio)
01 — 02 — 03
Geist Mono
Labels, indices and metadata.
(04) Usage
Leave space around the logo at least half the mark's height. Nothing else should sit inside it.
The mark at 16 px, the full logo at 120 px wide. Below 32 px, use the mono version.
Black on light backgrounds, white on dark ones. Avoid busy photographs behind the logo.
Don't redraw, recolour, stretch or rotate the logo, or add shadows, outlines or other effects.
(05) Boilerplate
DistortionLens is an independent software studio. We design and build browser extensions, creative tools and websites, from first sketch to shipped product. DistortionLens makes Multi-Finder Pro, a Chrome extension for finding many words on a page at once, and is building Writer's Canvas, a creative studio for webtoon, manga and light novel creators.