Home / Brand

Jobs Every Hour brand guide

How the site looks and sounds, in one page: the mark and what it means, the files, the colours, the type, charts, pictures and words. Logos and today’s numbers for an article are in the media kit.

Jobs Every Hour logo
Jobs Every Hour logo on a dark background

The mark

The mark

A clock face at 17 minutes past the hour: the minute every employer’s careers page is read in each hourly run. It says the one thing the site promises, that a job here was checked a moment ago, and it still reads as a clock at 16 pixels.

  • Leave clear space around the mark of at least half its height.
  • The smallest mark is 16 px; the smallest logo with the name, 120 px wide.
  • On white use the evergreen mark; on dark pages the light one; in one colour, ink or white.
  • Do not recolour, stretch, rotate, outline or animate it, and do not set the name in another typeface.

Logo files

The letters are outlines, so the files look the same on a computer without the typeface.

Colour

Evergreen#1F9D55The mark, the marker under words and lines under links
Evergreen deep#15803DLinks and the hover of buttons on white: white text on it passes 4.5:1
Evergreen light#5FD486The same on dark pages, with dark text on it
Ink#0E0E0CText, the dark button, dark pages
Paper#FFFFFFThe page
Sand#F6F5F0Quiet panels and table heads
Tint#B7EEC3A marker under one phrase, a selected row
Data blue#2A78D6Amounts in charts
Data orange#EB6834The one mark a chart is about

One brand colour, used sparingly: the mark, the main button, link underlines and the one thing on a page that matters most. Large areas are white or ink, never orange. Green is only for “yes”, “open” and other states, never for decoration.

Type

Jobs that are still openHeadlines and the name: Schibsted Grotesk, 700–800
Every job here comes from the employer’s own careers page. A job the employer takes down leaves the list.Text: Public Sans, 400–700
130,719 open jobs · $175K median · 17 past the hourNumbers: Public Sans with figures of equal width, so columns line up
GET /api/v1/latest.jsonCode only: JetBrains Mono

All three typefaces are open source (SIL Open Font License) and served from this site.

Charts

Light cards with a thin border. One blue for amounts and one orange for the single mark the chart is about, checked for colour blindness in light and dark. Labels only where they help, a tooltip on every mark, and one caption that says what is counted and from where. Every figure is counted from the open postings on the day the page is built; no decorative charts.

Examples: how long postings stay open, jobs by hourly pay, rankings.

Pictures

How we write

Write

“9,469 open jobs in San Francisco, read from the employers’ own pages.”

Not

“Thousands of amazing opportunities await you!”

Do

Orange on the one button or number that matters.

Not

Orange behind whole sections, or several colours competing.

Other directions

Two more directions were drawn before this one was chosen: Berry and Brick and sand. They are kept, with their files, on the directions page, so the brand can be switched in one place (brand.py).

Questions about the brand

What does the mark mean?
A clock face at 17 minutes past the hour: the minute every employer’s careers page is read in each hourly run. The hour hand points up, the minute hand to 17 past.
Why orange-red?
It stands apart from the blue of Indeed and LinkedIn, the green of Glassdoor, Upwork and ZipRecruiter, the yellow of Welcome to the Jungle and the red of Dice, and it is the colour our charts already used for the one mark that matters.
Can I use the logo?
Yes, to link to the site or to write about it. Use the files on this page as they are: do not recolour, stretch, outline or animate them, and do not put the mark on a photo without a plain plate behind it.