HesperFoundation

PlumageOur work05 / 13

Hesper Guidelines

A coding agent that works through your backlog overnight and leaves reviewed pull requests by morning.

Introduction

Hesper’s first screen: “Give it the work at dusk. Read it at dawn.” over a desert evening with Venus bright in the corner
The website’s first screen: a desert evening turning to night, Venus lit in the corner, the task box ready.

Hesper is a coding agent that works the night shift. Give it the backlog at the end of the day: tests to fix, a library to upgrade, docs to bring up to date. It works through them overnight and leaves reviewed pull requests to read in the morning.

Hesperus is the evening star, Venus, the first light to come out at dusk. The wordmark is hespər: the second e is the first e turned over, the way the evening turns into night. Said HES-pər, the turn is the name’s whole idea and the icon on its own.

Night and Venus cream carry the brand, with Dusk blue and an ember horizon for the hours in between.

At a glance

Colours
  • Night#12141C
  • Venus#F2E8C8
  • Haze#A7A9B8
Type
  • Aa Geist
  • Aa Geist Mono
Line

Give it the work at dusk. Read it at dawn.

Brand kit

55 files · 1.3 MB

Download the zip

Wordmark scale

  1. 72 px
  2. 60 px
  3. 48 px
  4. 38 px
  5. 30 px
  6. 24 px
  7. 18 px

hespər is always written with its turned ə: never two plain e’s, never a capital H. Use the lockup (the ə tile, then the word) where the brand introduces itself; the wordmark alone in a navigation bar; the ə alone for the app icon, the profile picture and the favicon. In the terminal and in code, use the monospaced cut. Teach the turn once near the logo: hespər, said HES-pər.

Mark construction

Hesper mark construction

Clear space is 2x on every side, where x is one stem. The ə is exactly the e turned 180 degrees, on the same baseline; the tile is as tall as the h, and the gap between tile and word is 0.3 of the tile.

Signature

Venus on Night is the signature: the website, signage, merchandise. The night sky with its star.
Night on Venus for paper, light pages and documents.

Three cuts

WordmarkSix letters in one heavy face; the second e turned into the ə.
Monospaced cutSlab serifs on h, p and r, one equal advance. For the command line, code and the docs.
The əThe wordmark’s own ə, traced out of it. App icon, profile picture, favicon.
16 px cutA pixel cut on a 16-unit grid, every cell full or empty, so the counter and the cut stay open at 16 px.

Small sizes

  1. Lockup, 110 px wide
  2. Wordmark, 14 px
  3. The ə, 24 px
  4. 16 px cut

Logo on your background

The dark artwork

Use the dark artwork: 15.0:1 against this ground. Logos need at least 3:1 (WCAG 2, non-text contrast).

Please don’t

Don’t stretch or squeeze it. The ə must stay the e, turned.
Don’t rotate it. Only the ə turns, and it has already turned.
Don’t recolour it terminal cyan or neon. Night or Venus.
Don’t set it on a ground that swallows it. Check it with the tool above.
Don’t add glows or lens flares. Venus glows in the sky, not in the logo file.
Don’t fade it or make it see-through. One solid colour.

Core palette

Night
Venus
Haze
Dusk
Ember
Dawn

The colours of one evening, from the hero’s sky: Night for the ground, Venus for the star and every word that matters, Dusk for the blue hour, Ember for the last light on the horizon. Dawn is the morning the pull requests are read in: the light ground for documents and print. CMYK values are a plain device conversion for reference; proof Venus and Ember on press.

Color proportions

Night44%
Venus16%
Haze8%
Dusk18%
Ember4%
Dawn10%

Night carries the brand and Venus the words. Dusk is the second ground; Ember appears once per surface, never as text on light grounds.

Readable combinations

  • AaVenus on Night15.0:1AAA
  • AaHaze on Night7.8:1AAA
  • AaNight on Venus15.0:1AAA
  • AaVenus on Dusk10.4:1AAA
  • AaHaze on Dusk5.4:1AA
  • AaNight on Dawn16.5:1AAA
  • AaNight on Ember6.3:1AA
  • AaEmber on Night6.3:1AA
  • AaDusk on Dawn11.5:1AAA
  • AaEmber on Dawn2.6:1Fail

Ember is a dark-ground colour: on Dawn it falls to 2.6:1, so use Dusk for links and accents on light pages. Haze holds AA on both Night and Dusk. Ratios are WCAG 2 contrast, measured on the sRGB values above: AAA from 7:1, AA from 4.5:1, AA Large from 3:1 (large or bold text only).

Check a pairing

Text
Ground
AaNight on Venus

15.0:1AAA

Type system

  • Read it at dawn.

    Headlines and text, as on the website: semibold 600 at 48 px with −1.2 px tracking for the hero line, medium 500 at 18 px for the sub line, regular for text. A plain grotesque that sits under the heavy custom wordmark without competing. By Vercel, SIL Open Font License 1.1, about 70 KB variable. This preview doesn’t load it yet, so the line above falls back to your system’s face.

  • until 07:00 · 4 PRs ready

    Tasks, times, branch names and the command line, where the monospaced cut of the logo also lives. By Vercel, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.

Click any specimen line to try your own words.

Type scale

17 px
Perfect fourth 1.333
  1. DisplayGeist · 600 · 71.5px · 4.472rem

    Read it at dawn.

  2. Heading 1Geist · 600 · 53.7px · 3.355rem

    Give it the work at dusk. Read it at dawn.

  3. Heading 2Geist · 600 · 30.2px · 1.888rem

    Queue it before you log off.

  4. Heading 3Geist · 600 · 22.7px · 1.416rem

    Tests · Upgrade · Docs · Triage

  5. BodyGeist · 600 · 17px · 1.063rem

    A coding agent that works through your backlog overnight and leaves reviewed pull requests by morning.

  6. CaptionGeist · 600 · 12.8px · 0.797rem

    hespər, said HES-pər

Tone of voice

Hesper speaks like a trusted colleague on the night shift: brief, dry, exact. It reports what it did, what it didn’t, and why, and it leaves the decisions to the morning.

Evening and morning are the brand’s only images: dusk, dawn, the star. Never sleep jokes, never hustle.

The colleague on the night shift

Hand it the work at the end of the day; read its notes with your coffee. The people reading are engineers who review everything, so Hesper is precise about what it changed and honest about what it couldn’t do.

Report, don’t perform

Say what changed, what was skipped and why. No enthusiasm, no exclamation marks.

SayAvoid
Upgraded the date library. Two tests changed; both explained in the PR.Crushed your backlog overnight!!
Stopped at the migration: it needs your call.10x your team while you sleep.

Dusk and dawn, nothing else

The evening star is the only metaphor. No robots, no wizards, no sleep puns.

SayAvoid
Ready by morning.Hesper never sleeps so you can!

The engineer decides

Hesper proposes; people merge. Say so plainly.

SayAvoid
Every change waits for your review.Ships straight to production, automatically.

Highway billboard

A Night billboard at dusk on a desert highway: the hespər lockup over “Give it the work at dusk. Read it at dawn.”, Venus bright in the sky

The signature line at the hour it describes: the lockup in Venus on Night, the evening star above the board.

Office lightbox

hespər as warm cream light-up letters on a dark wall in an office at night
The wordmark lit in Venus in an empty office at night: the hours Hesper works.

Laptop sticker

A die-cut sticker of the ə tile on a closed black laptop under a desk lamp
The ə tile as a die-cut sticker: the first place an engineer puts a tool they like.

Enamel mug

A black enamel mug printed with hespər on a windowsill at dawn

Read it at dawn: the wordmark in Venus on a Night enamel mug, morning light over the city.

Pins and stickers

Three hard-enamel pins of the ə tile and a die-cut hespər sticker on black felt
Hard-enamel ə pins and a die-cut wordmark sticker in Night on Venus.

Hoodie

A folded black hoodie with hespər embroidered in cream thread on the chest
The wordmark in cream satin stitch on Night cotton, the ə turned in thread.

Pattern: evening sky

The ə repeated in Dusk blue on Night, one in Venus cream

The ə repeated in Dusk on Night, one in Venus: the star that comes out first. The device is the ə alone, large.

Export assets

Export all assetsPDF Guidelines
What’s inside the zip · 55 files · 1.3 MB
  • svg/Vector logos (SVG)16 files · 89 KB
  • export/PNG logos, favicons and profile pictures28 files · 849 KB
  • pattern/Pattern tile and device (SVG, PNG)4 files · 90 KB
  • scenes/Application images (WebP)6 files · 500 KB
  • README.txtWhat each folder holds, and the colours1 file

Lockup

Hesper Venus on Night
Venus on Night
Hesper Night on Venus
Night on Venus

Wordmark

Hesper Venus
Venus
Hesper Night
Night
Hesper Monospaced, Venus
Monospaced, Venus
Hesper Monospaced, Night
Monospaced, Night

The ə

Hesper Venus
Venus
Hesper Night
Night
Hesper 16 px cut
16 px cut

Profile pictures

Hesper Night
Night
Hesper Dusk
Dusk
Hesper Venus
Venus

Pattern

Hesper Evening sky, tile
Evening sky, tile
Hesper The turn, device
The turn, device

Favicons

Hesper Favicon SVG
Favicon SVG
Hesper Favicon PNG
Favicon PNG
Hesper Favicon ICO
Favicon ICO
Hesper Apple icon
Apple icon
Hesper PWA icon
PWA icon
Hesper PWA icon large
PWA icon large

Applications

Hesper Hesper · 01
Hesper · 01
Hesper Hesper · 02
Hesper · 02
Hesper Hesper · 03
Hesper · 03
Hesper Hesper · 04
Hesper · 04
Hesper Hesper · 05
Hesper · 05
Hesper Hesper · 06
Hesper · 06

Brand and website designed by Plumage

Hesper’s artwork is designed by Plumage and is not licensed for anyone else’s use. Geist and Geist Mono keep the SIL Open Font License 1.1 from Vercel. This preview doesn’t load them, and nothing on this page grants a licence.