Brand guide

The layered portal: three frames stepping forward, one gateway into the network. Every file in this pack is exported from one outlined master, so the logo looks the same everywhere. Click any tile to download it.

Logo

The horizontal logo is the default. Use primary on light grounds, dark on navy, black or photos, and on-portal on Portal Blue.

PrimaryLight grounds · SVG

DarkDark grounds · SVG

On Portal BlueBrand blue grounds · SVG

WhiteOne colour · SVG

NavyOne colour · SVG

Primary PNGTransparent, 2560 px

Mark, icon and stacked logo

Below about 120 px wide, use the mark or the app icon instead of the full logo. The stacked logo is for square spaces.

MarkLight grounds · SVG

Mark, darkDark grounds · SVG

App iconRounded tile · SVG

EmblemSquare tile · SVG

StackedSquare spaces · SVG

Stacked, darkSquare spaces · SVG

Colour

Portal Blue leads. Sky and Mist come from the mark itself; Deep Navy and Midnight carry dark surfaces.

Portal Blue#0E45CAPrimary. Buttons, links, the emblem

Sky#6DB0FEBack frame, accents on dark

Mist#D0E5FEFront frames on blue and dark

Deep Navy#151B2CInk and dark surfaces

Midnight#0A1A4ABanners, video backgrounds

White#FFFFFFCards, reversed logo

Type

Onest

The wordmark and the interface: Onest Bold (700) for the logo and headlines, 400 to 600 for text. Code and credentials use IBM Plex Mono. Onest is included in fonts/ under the SIL Open Font License.

Usage

Write the name crawlproxies: lowercase, one word, also at the start of a sentence.
Keep clear space around the logo of at least half the mark's width on every side.
Use the mark alone when the logo would be narrower than about 120 px.
Use the one-colour versions for print, embossing and single-colour merch.

Don't

Recolour the frames, swap their order or change their spacing.
Stretch, rotate, outline or add shadows and glows to the logo.
Retype the wordmark in another typeface.
Put the primary logo on Portal Blue or busy photos: use on-portal or white instead.