Brand

uh!ive Branding Kit

Logos, colours, typefaces and usage rules for the uh!ive brand, gathered in one place. Everything needed to represent the brand correctly, inside the company and outside it.

Download the brand pack

Logo

The logo and its variants

Four official forms cover every use. The wordmark for wide contexts, the bubble for small formats and avatars. Keep the proportions, never recolour outside the palette.

Wordmark

Main variant, dark background

SVG PNG

Wordmark + claim

Official communications

SVG PNG

Bubble

Small formats, favicon, avatar

SVG PNG

Inverted wordmark

To be placed on a light background

SVG PNG

Clear space

Wordmark: 1x the height of the h all around. Bubble: 0.25x the diameter. No element enters that zone.

Minimum sizes

Wordmark with tagline: 140px on screen, 35mm in print. Without tagline: 80px, 20mm. Below that, switch to the bubble.

Allowed colours

Primary white on a dark background. Inverted Blueprint 800 on a light background. Bubble always in Glacier 500.

Do

Use the official source files
Keep the proportions (uniform scaling only)
Respect the clear space
Add the symbol on official material

Never do

Stretch, slant or rotate
Recolour outside the palette or add an effect
Separate the exclamation mark from the i
Place the logo on a low contrast background

Colours

Official palette

Seven families, ten shades each, from 50 to 900. The variables are the source of truth: Glacier for the accent, Blueprint for structure, Obsidian for surfaces.

A click copies

Glacier

Signature accent, interactive colour

Blueprint

Structure, depth, backgrounds

Obsidian

Dark neutrals, code, surfaces

Premium

AI purple, advanced features

Success

Positive status, validation

Warning

Error, critical alert

Attention

Caution, information to flag

Accessibility: shades 400 and 500 are never used as text on a light background (insufficient contrast). On the reference dark background, favour shades 200 to 400. Never convey information by colour alone.

Typography

Three families, one system

Montserrat carries the headings of the site and of web communication. Inter carries the interface, body copy and the webapp. JetBrains Mono serves code, data and API.

Inter

Interface, body copy, webapp

400 / 500 / 600 / 700 / 800

Google Fonts

Montserrat

Site and web headings, print

500 / 600 / 700 / 800

Google Fonts

JetBrains Mono

Code, data, API

400 / 500

Google Fonts

Text scale

Token	Size	Line height	Weight
Display	72px	1.05	800
H1	56px	1.1	700
H2	40px	1.15	700
H3	28px	1.25	600
H4	22px	1.3	600
H5	18px	1.4	600
H6	15px	1.5	600
Lg	18px	1.6	400
Base	16px	1.6	400
Sm	14px	1.5	400
Xs	13px	1.5	400
2xs	11px	1.4	600

Iconography

Icons

The system rests on the Lucide base, consistent strokes, never text as an image. Three reference sizes depending on context.

16px

Running text, labels

20px

Buttons, fields

24px

Navigation, cards

Semantic colours aligned on the palette: Glacier for interactive, Blueprint for neutral, semantics for statuses. Clickable area 44x44px minimum.

Downloads

Resources

All the brand material, ready to use.

Brand pack

SVG and PNG logos, every variant

ZIP

Design tokens

Colours and dimensions as JSON

JSON

Brand guide

The complete design system as a PDF

PDF

Brand sheets

The brand kit on two A4 sheets

PDF

Figma library

Variables, styles, components

Figma

Unsure about a use?

The uh!ive brand is a protected asset. For any use beyond the cases covered here, co-branding, press material or a specific request, contact the team. See also our expertise.

Contact the team Our expertise