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.
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
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
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
- The product, not stock photos. Show the site itself: a list of jobs, a chart, the resume builder.
- No invented people. No stock models, no AI-made faces or offices, no 3D shapes or glowing gradients.
- Company logos only from the company’s own site, and none at all when there is no official one.
- Icons: simple line drawings in ink, with one evergreen detail at most.
How we write
- Plain words. Say the problem, then the fact, then what the page does.
- Every number comes from our own data, with its date and what it counts.
- “Free” is said plainly wherever something is free.
- No hype: no “amazing opportunities”, “revolutionary”, “AI-powered” for its own sake, countdowns or invented reviews.
“9,469 open jobs in San Francisco, read from the employers’ own pages.”
“Thousands of amazing opportunities await you!”
Orange on the one button or number that matters.
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.