Brand

Brand assets.

Logos, colours, and type for the Hypership brand. Tip: right-click the logo anywhere on the site to copy it as SVG.

Logo

Download all (.zip)

Mark

The flame, in brand orange.

SVG PNG

Mark, mono

Single-ink, for light backgrounds.

SVG PNG

Mark, reversed

For dark backgrounds and photography.

SVG PNG

Lockup

Mark plus the Hypership wordmark.

SVG PNG

Lockup, mono

Single-ink lockup, for light backgrounds.

SVG PNG

Lockup, reversed

For dark backgrounds and photography.

SVG PNG

Colour

Brand

#FF4C22 · --brand

oklch(0.6678 0.2215 33.99)

Fills, CTAs, arrows and display-size accents. Text on it is ink.

Brand text

#C43008 · --brand-text

oklch(0.54 0.19 34)

Orange for small text and links on light surfaces, where raw brand fails contrast.

Ink

#1A0E0B · --ink

oklch(0.18 0.022 34)

The dark surface: closing CTA, testimonials, terminals.

Surface

Paper

#FDF5F3 · --background

oklch(0.976 0.009 33.3)

The warm canvas background.

Surface 2

#F6EFED · --surface-2

oklch(0.957 0.008 34)

Section bands, previews, form fields.

Surface 3

#F1E8E6 · --surface-3

oklch(0.938 0.01 34)

Deeper step for nested fills.

Border

#E1D0CC · --border

oklch(0.87 0.02 34)

Hairline borders and dividers.

Text

#0F0A08 · --foreground

oklch(0.15 0.01 34)

Headings and primary text.

Muted text

#5C5351 · --muted-foreground

oklch(0.45 0.012 34)

Secondary text: ledes and descriptions.

Subtle text

#6A615F · --subtle-foreground

oklch(0.5 0.012 34)

Labels and metadata. The lightest colour text may use.

Typography

Display / headings700

Proof over promises.

Bricolage Grotesque

Body / UI400 · 500 · 600 · 700

Production systems, shipped.

Inter

Labels / mono400 · 500

FORWARD DEPLOYED

Geist Mono