Brand

The mark, the wordmark,
the canonical colors.

Use them as-is. Don't alter the proportions, don't recolor the mark, and keep clear space around it.

Mark

The mark.

A single shape on swatched backgrounds. The same file works on light and dark — the only thing that changes is what's behind it.

Mark · PNG
Hydrant mark on a light background
On light
Hydrant mark on a dark background
On dark
Wordmark

The lockup.

The mark above paired with Hydrant set in Geist semibold, tracking -0.025em. Tight kerning pair, never separated. Compose this lockup in your own document — there's no separate wordmark file.

Hydrant markHydrant
On light
Hydrant markHydrant
On dark
Colors

The palette.

Six tokens carry the system. Hex is the source of truth — derived OKLCH lives next to it in app/globals.css.

Usage

Three rules.

  1. 01

    Don't recolor

    The mark is one shape, one fill. Leave it as-is.

  2. 02

    Don't stretch

    Scale uniformly. Proportions stay locked.

  3. 03

    Keep clear space

    Reserve clear space around the mark equal to the height of the mark itself.

Contact

Need something else? Email press@hydrant.dev.