Skip to content

Brand

The mark, the lockup, the palette and the type. Download what you need.

The mark

The Quad4 mark. Light glyph for dark surfaces, dark glyph for light surfaces.

Mark, light glyph
Mark, light glyph
svg
Mark, dark glyph
Mark, dark glyph
svg
Mark, light 512
Mark, light 512
png 512
Mark, dark 512
Mark, dark 512
png 512
Mark, light 1024
Mark, light 1024
png 1024
Mark, dark 1024
Mark, dark 1024
png 1024

Lockup

Mark plus wordmark. Wordmark is set in Space Mono, uppercase, wide tracking.

Lockup, light
Lockup, light
svg
Lockup, dark
Lockup, dark
svg
Lockup on void
Lockup on void
svg, #0a0a0b
Lockup on paper
Lockup on paper
svg, #fafafa
Lockup on void
Lockup on void
png 1280
Lockup on paper
Lockup on paper
png 1280

On background

Mark on brand surfaces. Void for dark, paper for light.

Mark on void
Mark on void
svg, #0a0a0b
Mark on paper
Mark on paper
svg, #fafafa
Mark on void
Mark on void
png 1024
Mark on paper
Mark on paper
png 1024

Icons and social

Favicon, touch icon and the social card used for link previews.

Favicon
Favicon
svg
Touch icon
Touch icon
png 180
Social card
Social card
webp 1200x630

Colors

Void, paper and mist. That is the whole palette.

Void
#0A0A0B
Void raised
#16161A
Mist
#A1A1AA
Paper
#FAFAFA
Paper soft
#F4F4F5

Type

Two families, both vendored locally.

Aa
Space Grotesk
Headings and body
Aa
Space Mono
Code, labels and the wordmark

Usage

  • Keep the mark in void black or paper white. No other colors.
  • Leave clear space around the mark equal to half its width.
  • Do not stretch, rotate or add effects to the mark.