# Helm — Brand Asset Pack

Version 1.0 · Generated 2026-04-17

This pack is the canonical source of brand assets for Helm and its
products (Helm Cues, Helm DJ, Helm Clock, Helm Protocol). Pair it
with `Helm_Brand_Guidelines.pdf` for usage rules.

## Layout

```
Helm_Brand_Assets/
├── logo/                Master logo system — 4 compositions × 6 variants (SVG + PNG)
│   ├── wordmark/        "HELM" wordmark
│   ├── mark/            "H" mark with signal accent (square)
│   ├── lockup-horizontal/   H | HELM
│   ├── lockup-stacked/  HELM with signal underline (no tagline)
│   └── social/          Avatar (jet/paper, 512 + 1024), banner (1500×500),
│                        email-signature (400×100)
│
│   Each composition has 6 colour variants:
│     cream-on-jet   · primary dark version
│     ink-on-paper   · primary light version
│     cream-transparent · overlay on images (no bg)
│     ink-transparent   · overlay on light imagery
│     white-mono     · pure white knockout (video / dark)
│     black-mono     · pure black print
│
│   Every variant ships as SVG (source of truth) and PNG at 512px + 2048px
│   (width). For PNGs outside those sizes, re-export from the SVG.
│
├── products/            HELM / CUES, HELM / DJ, HELM / CLOCK, HELM / PROTOCOL
├── app-icons/           Per-product app icons (SVG + PNG @ 1024/512/256/128/64)
│   ├── helm/            Parent app — H + signal accent bar (JET)
│   ├── helm-cues/       C + signal cue-dot (JET)
│   ├── helm-dj/         Platter + tonearm + "DJ" wordmark (JET)
│   ├── helm-clock/      Cream clock face + signal hour hand (JET)
│   └── helm-protocol/   3-node mesh, signal active-node (JET)
├── favicons/            favicon.svg + PNG 16/32/48/64/192/512 + favicon.ico
│                        + apple-touch-icon-180.png
├── icons-24/            18 in-app icons, 24×24, 1.5px stroke, currentColor
├── color/               Palette tokens — JSON, CSS custom properties, SCSS
│                        + SVG swatches for every brand colour
└── preview/             Single-page preview sheet (PDF)
```

## Logo variant quick-pick

| Use case                              | File                                            |
| ------------------------------------- | ----------------------------------------------- |
| Website header on dark hero           | logo/lockup-horizontal/helm-lockup-horizontal-cream-on-jet.svg |
| Document / letter / light PDF         | logo/wordmark/helm-wordmark-ink-on-paper.svg   |
| Overlay on photography (dark photo)   | logo/wordmark/helm-wordmark-cream-transparent.svg |
| Overlay on photography (light photo)  | logo/wordmark/helm-wordmark-ink-transparent.svg  |
| One-colour press / merch              | logo/mark/helm-mark-black-mono.svg              |
| Video lower-third / white knockout    | logo/mark/helm-mark-white-mono.svg              |
| Social avatar (Twitter/IG/YouTube)    | logo/social/helm-avatar-jet-1024.png            |
| Twitter/X header                      | logo/social/helm-banner-1500.png                |
| Email signature image                 | logo/social/helm-email-signature-400.png        |

## Typography

The wordmark and product lockups are set in **Barlow Condensed Bold**
(weight 700+). Designers must install the family from Google Fonts:

  https://fonts.google.com/specimen/Barlow+Condensed

The provided SVGs declare the font with sensible fallbacks
(Liberation Sans Narrow, DejaVu Sans Condensed, Arial Narrow). PNG
renders in this pack were rasterised against the system fallback —
re-export from the SVGs once Barlow Condensed is installed for
production-quality rasters.

Body & UI: **Inter** (weights 400/500/600/700)
Mono / numerics: **JetBrains Mono** (weights 400/500/700)

## App-icon design language

Every icon is a 1024×1024 SVG with iOS-standard 180px corner
radius (≈17.5%). One mark per product:

| Product        | Background | Mark                                |
| -------------- | ---------- | ----------------------------------- |
| Helm (parent)  | Jet        | "H" + signal accent bar             |
| Helm Cues      | Jet        | "C" + signal cue-dot in the bowl    |
| Helm DJ        | Graphite   | Platter ring with signal spindle    |
| Helm Clock     | Signal     | Black clock face with 12 hour-ticks |
| Helm Protocol  | Jet        | 3-node mesh, signal active-node     |

Use the 1024 or 512 PNG for App Store / Play Store / macOS dock.
Use 256 / 128 for installer dialogs, the 64 for tray / notification
icons. SVG is the source of truth — re-export at any size.

## In-app icons

The `icons-24/` set covers transport, cue, deck, timing, and protocol
states. Every icon uses `stroke="currentColor"` so colour comes from
the surrounding CSS / Tauri / Svelte component context. The 18-icon
reference set matches the brand guidelines page 18.

## Colour tokens

`color/helm-palette.json` is the machine-readable source. CSS and
SCSS files are derived from it. To extend the palette, edit the
JSON and re-export — never hand-edit the derivative files.

## Trademark note

Trademark research for "Helm" has not been completed. Do not file
yet. ShowLink is being retired due to Shure's SHOWLINK® registration
in the pro-audio class.