RunOrder brand guide

How RunOrder looks and sounds: the logo, colours, type and voice. Use it for the apps, the website, store listings, social posts and anything printed.

The logo

What's next, at a glance

The mark is a rounded tile with three lines of a run sheet cut out of it, read top to bottom, the way a guest sees the day in RunOrder:

Done. The first line is faded, because it's finished.
Now. The middle line has the play marker, and it's the longest: it's what's happening.
Next. The last line is solid: it's coming up.

It belongs to the same family as Polychrome's other apps, such as Check90: one colour, a rounded tile, an idea cut out. That's why it works at any size, as an app icon, and on paper.

The name

RunOrder is one word with a capital R and a capital O. Never "Run Order", "Runorder" or "RUNORDER". It means the order the day runs in, so a run sheet that stays in order even when the day doesn't.

RunOrder

The logo with the name: the mark is as tall as the capitals plus a little, with a gap of about half its width. The name is bold, in the system font.

Versions

Pick the one with the most contrast

Green on dark. The main version.

Deep green on white or light backgrounds.

White on photos and other colours.

Navy for one-colour printing.

App icon: the green mark on navy. The stores and phones round the corners.

In the apps the mark follows each person's accent colour (Settings › Accent colour). Everywhere else it's green.

Space and size

Give it room

¼¼

Keep clear space of at least a quarter of the mark's width on every side. Nothing else goes in it: no text, no edges, no other logos.

It holds up down to 16 pixels (a browser tab). In print, keep it at least 8 mm wide.

Do

Use the files below as they are.
Use green on dark, deep green on light, white on photos.
Scale it evenly.

Don't

Stretch, rotate, outline or add shadows.
Colour parts of it differently, or redraw the lines or the play marker.
Put it on busy photos without the white version.
Use the old clock logo.

Colour

Calm navy, one bright green

Mostly navy (or white in light mode), with green for the things people tap and the mark. Amber means time: running late and countdowns.

RunOrder green#10B981The mark, buttons and links on dark

Deep green#0E9F6EThe mark and links on light

Navy#090D16Dark background, app icon, start-up screen

Card#131B2CCards and panels on dark

Paper#F4F6F9Light background

Amber#F59E0BRunning late, countdowns, what's next

Red#EF4444Only for deleting and errors

Text on dark#F1F5F9Body text #C3CDDB, quiet #8E9BB0

Accent colours in the app

People can choose their own accent in Settings. Green is the default and the brand colour; the others are personal choices, never used in marketing.

GreenTealBluePurplePinkOrange

Type

The phone's own font

RunOrder uses each device's system font: San Francisco on iPhone and Mac, Roboto on Android, Segoe UI on Windows. It's fast, clear at small sizes, and feels at home on every phone. Nothing to license or load.

Headline · bold, tight

Everyone on the same page.

Heading · semibold

Running about 10 min behind

Body · regular

Guests open one link and see what's on now, what's next and a live countdown.

Label · semibold capitals, green

Up next

Times · tabular numbers, so they line up

1:15 PM — 2:45 PM

For code and settings: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif

Voice

Calm, clear, on your side

The person reading is often busy and on the day itself. RunOrder talks like an organised friend with a clipboard: plain words, short sentences, the useful thing first.

We are

Plain. Everyday words. "Guests", "run sheet", "running late".
Calm. Delays are normal. No alarm, no exclamation marks.
Helpful. Say what to do next, not only what went wrong.
Kiwi. New Zealand English: organiser, programme, colour.

Taglines

Everyone on the same page. Even when it runs late.
One live link for the whole day.
Run the day. Let RunOrder keep everyone in step.

Running about 10 min behind. Times below are updated.

ALERT: Schedule delay detected!

Share one link with your guests. They can open it anywhere.

Leverage our seamless multi-platform solution.

Couldn't save. Check your connection and try again.

Error 500: request failed.

Files

Download the logo

SVG for screens and print (it scales to any size), PNG at 1024 pixels where SVG isn't accepted.

	Mark, green (dark backgrounds)	SVG · PNG
	Mark, deep green (light backgrounds)	SVG · PNG
	Mark, white (photos and colours)	SVG · PNG
	Mark, navy (one-colour print)	SVG · PNG
	App icon (store listings)	SVG · PNG

Questions about using the RunOrder name or logo? Get in touch.