Brand kit

The Mirrorlane mark is an order book and its reflection: each half is a stack of price levels stepping out from the lane between bids and asks, and the cyan half is the same book turned over. Use the files as they are.

Download the kit Read the rulesRules

The mark, by size

Three drawings of the same book, so the bars stay open at every size. Use each only in its range.

Full48 px and larger: app icons, avatars and large lockups. Eleven levels a half.

SVG of the full mark PNG of the full mark

Small17 to 47 px: the site’s header and footer, the terminal’s header. The same book in five bold levels.

SVG of the small mark PNG of the small mark

Favicon16 px and its whole multiples, 32 and 48: browser tabs. Drawn on the 16-pixel grid, every bar on whole pixels.

SVG of the favicon ICO of the favicon

Lockups

The mark with the wordmark, mirrorlane, set in Mona Sans and drawn as outlines, so no file needs the font.

HorizontalThe full mark beside the word, for marks 48 px tall and larger.

SVG of the horizontal lockup PNG of the horizontal lockup

SmallThe small mark beside the word, for marks 17 to 47 px tall, as in the site’s header.

SVG of the small lockup PNG of the small lockup

StackedThe word centred under the mark, for square spaces.

SVG of the stacked lockup PNG of the stacked lockup

Colours

Four versions. On dark is the default; the others are for light grounds, one-colour print, and photos or colour fields.

On dark#ECEDEF and #5CE1E6

On light#0E0F11 and #0B959C

Black#0E0F11, one colour

White#FFFFFF, one colour

Space and placing

Give the logo room, and set the mark on its tile the same way everywhere.

Clear spaceKeep space equal to the mark’s height around the lockup, and half the mark’s height around the mark alone.

App icons and avatarsThe mark centred on the dark tile, #181A20, at 62% of the tile; 54% on the X picture, which X crops to a circle; 50% on maskable icons.

Don’t

The mark only works as drawn: two halves, an open lane between them, the cyan half lower.

Don’t close the lane between the halves.

Don’t line the halves up: the cyan half sits lower.

Don’t swap the colours of the halves.

Don’t rotate either half.

Don’t outline it, or add strokes, gradients or shadows.

Don’t set the wordmark in another face, weight, width, spacing or case.

The name

How to write Mirrorlane in text, and how to describe it.

Mirrorlane, one word

In running text, write Mirrorlane with a capital M. The wordmark alone is lowercase: mirrorlane.

Built on Lighter

Mirrorlane is independent software built on Lighter. Don’t suggest that Lighter operates, endorses or reviews it.

Every file

Each mark and lockup in all four colours, as SVG and as PNG, and the icons and images made from them.

Folder	What is in it
svg/	The mark (full and small), the horizontal, small and stacked lockups and the wordmark, in the four colours; the 16-pixel favicon, which follows the browser’s light or dark theme
png/mark/	The mark on a clear ground: full from 48 to 2,048 px, small from 24 to 40 px, the favicon drawing at 16 px
png/lockup/	Horizontal lockups 128, 256 and 512 px tall; small lockups 32 and 64 px; stacked lockups 512 and 1,024 px
png/favicon/	favicon.ico (16, 32 and 48), the favicon drawing at 16, 32, 48 and 96 px on a dark tile, the touch icon and the web app icons, maskable ones included
png/app-icon/	iOS at 1,024 px in dark and light, macOS on its rounded plate, and Android’s adaptive and monochrome layers
png/social/	The X profile picture and header, and the link preview image

Download the kit