Brand kit

The Hoopi brand

A kingfisher, a gradient that runs violet to cyan, and a lot of dark space. Use these assets as they are — please do not recolor, rotate or add effects to the mark.

Logo

Primary lockups

On dark

White wordmark, gradient mark. Default across the product and site.

On light

Ink wordmark, gradient mark. For print, documents and light UI.

Mark on ink

Mark on gradient

Mark on white

Color

Palette

Ink

#000A26

Primary background

Deep

#00061A

Page ground

Violet

#5212FC

Primary brand

Indigo

#3F5BFE

Gradient mid

Sky

#0B9CFC

Gradient mid

Cyan

#00C5FF

Accent / highlight

Mist

#EAF0FF

Body text on dark

Signature gradient

linear-gradient(100deg, #5212FC 0%, #3F5BFE 45%, #0B9CFC 78%, #00C5FF 100%)

Type

Typography

Display

Plus Jakarta Sans

Weights 500–800. Headings, numbers, buttons.

Body

Inter

Weights 400–700. Paragraphs, UI, labels.

Usage

Please do

✓Keep clear space equal to the mark's height on all sides

✓Use the gradient mark on ink, white or the brand gradient

✓Scale proportionally; minimum wordmark height is 20px

✕Recolor the mark, add shadows, outlines or glows

✕Stretch, rotate, or rearrange the mark and wordmark

✕Place the logo on a busy photo without a solid plate

Need something not listed here?

Print assets, animated versions, or a specific lockup — tell us what you are building and we will send it over.

Start free Book a demo

$100 in credits included · Team plans from $100/month · Cancel any time