Skip to content
tripcord

Brand

The mark is a taut line pulled into a peak at one point, with the trigger node on the peak. The wordmark is set in lower case in JetBrains Mono Bold.

Mark and wordmark

on dark
Tripcord logo on a dark background
on light
Tripcord logo on a light background
Mark at 16 pixels
16 px
Mark at 24 pixels
24 px
Mark at 32 pixels
32 px
Mark at 64 pixels
64 px

The mark stays legible at 16 px. The inline logo in the site header is built from the same geometry.

Clear space

Keep a margin around the logo equal to the height of the node.

tripcord

Colour

Graphite

#0F1115

Dark background

Paper

#F4F5F7

Light background

Signal violet

#8B8DFF

Accent on dark

Deep violet

#4B4DD8

Accent on light

Do not

Examples of misuse.

tripcord
Stretch or squash it
tripcord
Recolour the node
tripcord
Rotate it
tripcord
Set the wordmark in another font