Skip to content
DistortionLens

(Media)

Logos and brand assets.

Everything you need to write about DistortionLens or show our work. Each logo comes as SVG and PNG, in black and white, with the chromatic fringe or in a single colour.

(01) Logos

Five shapes, two colours.

Preview

01

Logo

The mark and wordmark side by side. Use it wherever there is room.

DistortionLens logo, black
Black — for light backgroundsPNG 2400 × 432
DistortionLens logo, white
White — for dark backgroundsPNG 2400 × 432

02

Stacked logo

The wordmark set below the mark, for square and narrow spaces.

DistortionLens stacked, black
Black — for light backgroundsPNG 2000 × 1410
DistortionLens stacked, white
White — for dark backgroundsPNG 2000 × 1410

03

Square

The stacked logo on a solid square, for profile pictures, press and social posts.

DistortionLens square, black
Black — for light backgroundsPNG 2048 × 2048
DistortionLens square, white
White — for dark backgroundsPNG 2048 × 2048

04

Mark

The aperture on its own, for small spaces and places where the name already appears.

DistortionLens mark, black
Black — for light backgroundsPNG 2048 × 2048
DistortionLens mark, white
White — for dark backgroundsPNG 2048 × 2048

05

App icon

The mark on a solid square, for app stores, favicons and avatars.

DistortionLens icon, black
Black — for light backgroundsPNG 1024 × 1024
DistortionLens icon, white
White — for dark backgroundsPNG 1024 × 1024

(02) Colours

Ink, paper, and a little light.

(03) Typefaces

Two families, both open source.

DistortionLens

Mona Sans

Wordmark (SemiBold, semi-expanded), headings and text.

GitHub · SIL OFL

(Independent software studio)
01 — 02 — 03

Geist Mono

Labels, indices and metadata.

Vercel · SIL OFL

(04) Usage

A few simple rules.

  1. 01

    Clear space

    Leave space around the logo at least half the mark's height. Nothing else should sit inside it.

  2. 02

    Minimum size

    The mark at 16 px, the full logo at 120 px wide. Below 32 px, use the mono version.

  3. 03

    Contrast

    Black on light backgrounds, white on dark ones. Avoid busy photographs behind the logo.

  4. 04

    Don't alter it

    Don't redraw, recolour, stretch or rotate the logo, or add shadows, outlines or other effects.

(05) Boilerplate

About DistortionLens.

Name
DistortionLens
Company
DistortionLens LLC
Website
distortionlens.com
Press
contact@distortionlens.com

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.