Crawlwren brand assets

Official logos, colours and type for press, partners and anyone writing about Crawlwren. Use them as supplied; the rules are below.

0.8 MB: SVG and PNG logos for light and dark backgrounds, social avatars and banners, tool icons, and a README with colours and rules.

Logos

Use SVG where you can. PNGs have transparent backgrounds, except the square icons; the number is the width in pixels.

Lockup
The default. Wren and wordmark on white or light backgrounds.
SVG PNG 1024 PNG 2048
Lockup, white
For black or dark backgrounds.
SVG PNG 1024 PNG 2048
Wren
Black wren on white, light or highlighter yellow.
SVG PNG 512 PNG 1024 PNG 2048
Wren, white
For black or dark backgrounds.
SVG PNG 512 PNG 1024 PNG 2048
Wren, yellow
Yellow wren on black only. Never on white.
SVG PNG 512 PNG 1024 PNG 2048
Square icon, yellow
Avatars, app icons and favicons.
SVG PNG 512 PNG 1024 PNG 2048
Square icon, black
Avatars and icons on dark interfaces.
SVG PNG 512 PNG 1024 PNG 2048
Wordmark
Only when the wren already appears nearby.
SVG PNG 1024 PNG 2048
Wordmark, white
The wordmark on dark backgrounds.
SVG PNG 1024 PNG 2048

Black and white do most of the work. Each colour has one job. Click a value to copy it.

Highlighter yellow
The highlighter behind one key phrase, and avatar backgrounds. Never a button.
Cobalt
Data, links and primary buttons, with white text.
Signal green
OK, open and true signals, on dark.
Black
Text, the mark and dark backgrounds.
White
Light backgrounds and text on dark.

Headlines (bold, tight tracking) and text.

{}

Code, commands and JSON.

Both are free under the SIL Open Font License. Get them from the official Geist page or the Geist repository.

Use the files as supplied and scale them in proportion.
Leave clear space on every side of at least a quarter of the wren’s height.
Put the black logo on white, light or yellow, and the white logo on black or dark.
Write the name as “Crawlwren” in text.