Press kit

The logo, properly.

Writing about a project, listing Tomoweb as a supplier, or putting a logo in a deck? Take one of these rather than screenshotting the header.

Keep the proportions — scale it, don't stretch it.
Leave clear space around it, at least the height of the mark.
Don't recolour it, add effects, or rebuild it in another typeface.
On a dark background use the white version, not the colour one.

Wordmark

The full lockup. Use it wherever there's room.

With .dev

Colour
Two-tone red
SVG — Wordmark, Colour, With .dev PNG — Wordmark, Colour, With .dev WebP — Wordmark, Colour, With .dev
Flat
One red, no fold shade
SVG — Wordmark, Flat, With .dev PNG — Wordmark, Flat, With .dev WebP — Wordmark, Flat, With .dev
Black
Solid black
SVG — Wordmark, Black, With .dev PNG — Wordmark, Black, With .dev WebP — Wordmark, Black, With .dev
White
For dark backgrounds
SVG — Wordmark, White, With .dev PNG — Wordmark, White, With .dev WebP — Wordmark, White, With .dev

Without .dev

Colour
Two-tone red
SVG — Wordmark, Colour, Without .dev PNG — Wordmark, Colour, Without .dev WebP — Wordmark, Colour, Without .dev
Flat
One red, no fold shade
SVG — Wordmark, Flat, Without .dev PNG — Wordmark, Flat, Without .dev WebP — Wordmark, Flat, Without .dev
Black
Solid black
SVG — Wordmark, Black, Without .dev PNG — Wordmark, Black, Without .dev WebP — Wordmark, Black, Without .dev
White
For dark backgrounds
SVG — Wordmark, White, Without .dev PNG — Wordmark, White, Without .dev WebP — Wordmark, White, Without .dev

Stacked

For square-ish spaces where the wordmark would shrink too far.

With .dev

Colour
Two-tone red
SVG — Stacked, Colour, With .dev PNG — Stacked, Colour, With .dev WebP — Stacked, Colour, With .dev
Flat
One red, no fold shade
SVG — Stacked, Flat, With .dev PNG — Stacked, Flat, With .dev WebP — Stacked, Flat, With .dev
Black
Solid black
SVG — Stacked, Black, With .dev PNG — Stacked, Black, With .dev WebP — Stacked, Black, With .dev
White
For dark backgrounds
SVG — Stacked, White, With .dev PNG — Stacked, White, With .dev WebP — Stacked, White, With .dev

Without .dev

Colour
Two-tone red
SVG — Stacked, Colour, Without .dev PNG — Stacked, Colour, Without .dev WebP — Stacked, Colour, Without .dev
Flat
One red, no fold shade
SVG — Stacked, Flat, Without .dev PNG — Stacked, Flat, Without .dev WebP — Stacked, Flat, Without .dev
Black
Solid black
SVG — Stacked, Black, Without .dev PNG — Stacked, Black, Without .dev WebP — Stacked, Black, Without .dev
White
For dark backgrounds
SVG — Stacked, White, Without .dev PNG — Stacked, White, Without .dev WebP — Stacked, White, Without .dev

Mark

The TK alone — avatars, favicons, anything small.

Tight crop

Colour
Two-tone red
SVG — Mark, Colour, Tight crop PNG — Mark, Colour, Tight crop WebP — Mark, Colour, Tight crop
Flat
One red, no fold shade
SVG — Mark, Flat, Tight crop PNG — Mark, Flat, Tight crop WebP — Mark, Flat, Tight crop
Black
Solid black
SVG — Mark, Black, Tight crop PNG — Mark, Black, Tight crop WebP — Mark, Black, Tight crop
White
For dark backgrounds
SVG — Mark, White, Tight crop PNG — Mark, White, Tight crop WebP — Mark, White, Tight crop

Padded for avatars

Colour
Two-tone red
SVG — Mark, Colour, Padded for avatars PNG — Mark, Colour, Padded for avatars WebP — Mark, Colour, Padded for avatars
Flat
One red, no fold shade
SVG — Mark, Flat, Padded for avatars PNG — Mark, Flat, Padded for avatars WebP — Mark, Flat, Padded for avatars
Black
Solid black
SVG — Mark, Black, Padded for avatars PNG — Mark, Black, Padded for avatars WebP — Mark, Black, Padded for avatars
White
For dark backgrounds
SVG — Mark, White, Padded for avatars PNG — Mark, White, Padded for avatars WebP — Mark, White, Padded for avatars

Got a project?
Let's talk.

A new build, a store that needs rescuing, or agency overflow — tell me what you're working on. I read every message myself.

[email protected]Connect on LinkedIn