Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions brand/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
# Brand assets

Source of truth for the Helmryth mark. Everything here is SVG; the raster icons
under `build/` are generated from `helmryth-tile.svg` by `pnpm build:icons` and
should never be edited by hand.

| File | Use |
|---|---|
| `helmryth-mark.svg` | The mark alone, transparent. Web, favicons, anywhere a bare glyph is wanted. |
| `helmryth-mark-mono.svg` | Same geometry, `currentColor`. Inherits the surrounding text colour. |
| `helmryth-tile.svg` | The app tile — mark on warm paper inside the clipped octagon. Master for every generated icon. |
| `helmryth-lockup.svg` | Mark and wordmark, for headers and READMEs. |

## The mark

A run line, halted at a notch, with a hand-set arm seated in it.

The thin petrol rule is work running. The heavy vermilion arm is a person set into
that run at an angle nothing automatic would have chosen. The notch holds the
setting so it cannot drift. It is the product's one claim drawn as a shape:
nothing runs until you answer.

## Colour

| Token | Hex | Meaning |
|---|---|---|
| Vermilion | `#C44F36` | Command — the human act. Never decorative. |
| Petrol | `#167A78` | Live signal — work in motion. |
| Paper | `#F6F1E7` | Surface. |
| Rule | `#D6CAB9` | Structure. |
| Ink | `#273447` | Type. |

That vermilion/petrol split is load-bearing: the application uses the same two
colours for the same two meanings. A mark that swapped them would fight the UI.

## Rules

The mark must read in one colour before it reads in two — use
`helmryth-mark-mono.svg` to check. Do not recolour it, rotate it, add a glow or a
gradient, place it on a busy photograph, or set the wordmark in a different
typeface. The wordmark is Atkinson Hyperlegible Next, the same face the product
uses, chosen because legibility is a product principle rather than a style.
12 changes: 12 additions & 0 deletions brand/helmryth-lockup.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions brand/helmryth-mark-mono.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions brand/helmryth-mark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions brand/helmryth-tile.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified build/icon-1024.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified build/icon.icns
Binary file not shown.
Binary file modified build/icon.ico
Binary file not shown.
45 changes: 8 additions & 37 deletions build/icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified electron/resources/app-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 8 additions & 11 deletions public/app-icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.