Brand guidelines

How HYRE looks, reads and sounds.

The mark, the palette, the type and the voice behind the site you are on. Use them as they are and every HYRE surface reads as one product.

Updated Oct 2026SwitzerLime #bfff00Free to use
02

Color

Black on a soft grey, white panels, and one electric lime that does the pointing. Greens fill the gradients; amber is kept for errors.

Surfaces

4

Grey canvas, white panels on top, one dark band to close the page.

Canvas soft
Hex
#f1f1f1
Token
--canvas-soft

Page background

Canvas
Hex
#fff
Token
--canvas

Panels, cards, chips

Deep
Hex
#171717
Token
--deep

Closing band, promo bar

Graphite
Hex
#2e2e2e
Token
--graphite

Raised surface on dark

Ink

4

Black for what matters, one muted grey for everything around it.

Ink
Hex
#000
Token
--ink

Headlines, values

Ink muted
Hex
#6c6b6b
Token
--ink-muted

Body copy, labels

Ink faint
Hex
#b3b3b3
Token
--ink-faint

Counts, sub-labels

Hairline soft
Hex
#e2e2e2
Token
--hairline-soft

Row dividers

Accent

4

Lime is a fill, never text. On a light ground, accent text is lime deep.

Primary
Hex
#bfff00
Token
--primary

Primary CTA, the mark

Primary hover
Hex
#a9e600
Token
--primary-hover

CTA hover

Primary soft
Hex
#eeffc2
Token
--primary-soft

Accent pills, hover wash

Primary deep
Hex
#4d7a00
Token
--primary-deep

Accent text on light

Support

5

The green range the gradients are built from, plus one warm colour for errors.

Emerald
Hex
#00c97a
Token
--emerald

Gradient end, live

Forest
Hex
#1b5e3a
Token
--forest

Gradient end

Sage
Hex
#8fbf5c
Token
--sage

Neutral feed marks

Mint soft
Hex
#e2f7ec
Token
--mint-soft

Live / OK pills

Amber
Hex
#d98a24
Token
--amber

Errors only

Gradients

5

Washes behind art and section bars. One per section, never on the mark or on text.

Brand--g-brandLime to emerald. The default wash.
Run--g-runLime to olive. Running the model.
Call--g-callPale lime. Calling tools.
Pay--g-payEmerald to deep. Settlement.
Prove--g-proveLime to forest. Receipts.
03

Typography

One family, Switzer, self-hosted in four weights. Headlines stay at regular weight and get their presence from size and tight tracking, not bold.

Display and body
Switzer

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $ % → ·

Aa 400Aa 500Aa 600Aa 700
Figures and code
System mono

For addresses, hashes, prices and tokens only:
$0.002 / call · 7xKX…sAsU · --primary

SF Mono on Apple, Menlo or the platform mono elsewhere. No webfont, so it never delays a page.

Hero.t-hero40–80px
Tools for agents.
XXL.t-xxl36–59px
The model that calls them.
XL.t-xl30–40px
Pay per call in USDC.
Lead.lead24px
No API keys. Payment is the only gate.
MD.t-md24px
Homura-30B
Body.b-lg16px
Run it locally, point it at HYRE's paid endpoints.
Small.b-md14px
Every call settles on-chain.
Eyebrow.eyebrow12px
Settlement rails
04

Shape and rhythm

Soft corners that grow with the surface, and a spacing scale that opens wide between sections. No borders where a change of surface will do.

Radii

The bigger the surface, the rounder the corner.

--r-sm8px · Buttons
--r-md10px · Icon tiles
--r-lg14px · Cards, chips
--r-xl27px · Media, mobile panels
--r-xxxl32px · Panels, hero stage
--r-full100px · Pills, tabs

Rhythm

Space between things, from a mobile gutter to a section opening.

--page20px · Mobile page gutter
--gutter32px · Grid gap, desktop gutter
--block48px · Panel padding
--band64px · Between groups
--section96px · Section close
--section-lg128px · Section open
05

Components

The pieces every page is assembled from. These are the live classes, so what you see here is exactly what ships.

Buttons

One lime primary per view. Everything else is outlined or quiet.

Pills and chips

Status in a word. Green means live, lime means ours, grey means not yet.

LiveHomuraSoonNeutralSolanax402

Cards

A gradient icon tile, a title, two lines. Cards sit grey on a white panel, white on the grey page.

Run

Open weights on your own machine.

Call

Paid tools, no API key.

Pay

USDC per call, settled on-chain.

06

Voice

Write like an engineer explaining it to a friend: what it is, what it costs, where the proof is. If a sentence would fit any AI company, cut it.

Plain

Say what it does. Short sentences, no hedging.

“Run it locally. Pay per call.”

Specific

Name the model, the chain, the price.

“USDC on Solana, Base, BSC and Robinhood Chain.”

Provable

Claim only what a receipt or a live number backs.

“Every call settles on-chain.”

Write like this
  • Tools for agents, and the model that calls them.
  • No API keys. Payment is the only gate.
  • Append tools at inference, no retrain.
  • Every call settles on-chain.
Never like this
  • Revolutionary AI-powered platform
  • Unlock the future of autonomous work
  • Best-in-class, game-changing ecosystem
  • Numbers without a source on the page
07

Downloads

Every asset in SVG or PDF for anything that scales, PNG and JPG for everything else, and an HQ file for print. Free to use when you write about or build on HYRE.

Lockups

2

Mark and wordmark together, with clear space built in. This is the file for banners, spanduk, stage backdrops and merch.

Lockup, lightBlack wordmark
Lockup, darkWhite wordmark on deep

Marks

5

The H on its own, for avatars, app icons and anywhere the name is already said.

Primary markLime tile, rounded
Square markSharp corners
Circle markCircular
Inverted markBlack tile, lime H
Mono markWhite tile, black H

Avatars and favicon

3

Full-bleed squares that survive a platform's circle crop.

Avatar, limeFull bleed
Avatar, darkFull bleed
Favicon32 × 32
Printing a banner or spanduk?
  • Send the printer the PDF (or SVG for a mark). Both are vector and print sharp at any size, from a sticker to a stage backdrop.
  • If the printer only takes images, use HQ: the lockup is 12,000 px wide, enough for about 3 m at 100 dpi; the marks are 4,096 px square.
  • Ask for lime as close to #bfff00 as the press allows. It sits outside CMYK, so print one proof before a full run.
Accent#bfff00
Accent text#4d7a00
TypefaceSwitzer
TaglineTools for agents, and the model that calls them.

Need a format that is not here? Ask on X.