Kinetiq brand guidelines

Everything you need to present Kinetiq accurately — logos, color, type, and the rules that keep them consistent.

Logos, lockups, and token icons in SVG, PNG, and WebP. Also available: Telegram stickers

Logo

These lockups cover every placement. Reach for the full lockup wherever there is room, and drop to the logomark only when space is tight or the name already sits nearby.

Lockup

Mark and name together. This is the default.

On light backgrounds

SVG PNG WEBP

On dark backgrounds

SVG PNG WEBP

Logomark

The mark on its own, for avatars, favicons, and anywhere the name already appears.

On light backgrounds

SVG PNG WEBP

On dark backgrounds

SVG PNG WEBP

Wordmark

The name on its own, for places where the mark would be too small to read.

On light backgrounds

SVG PNG WEBP

On dark backgrounds

SVG PNG WEBP

Clear space and minimum size

Give the logo room, and never render it smaller than it can survive.

Keep clear space of at least x on every side, where x is half the height of the logomark. Nothing else sits inside that frame.

Kinetiq logomark at its minimum size — Don’t go below these sizes on screen. In print, hold the logomark at 8 mm and the lockup at 30 mm.

Misuse

The logo files are finished artwork. Place them as supplied.

Don’t stretch, squash, or otherwise change the proportions.

Don’t rotate the logo. It always sits level.

Don’t recolor the logo. Use the light or dark file as supplied.

Don’t add shadows, glows, outlines, or any other effect.

Don’t place the dark logo on a dark background, or the light logo on a light one.

Don’t crowd the logo with edges, type, or other marks.

Color

One palette runs across every product surface. Each value below is the sRGB rendering of a design token — use the token in code and the hex everywhere else.

Core

The four colors that carry the identity. Everything else supports them.

--color-brand-500

#2D7388

--color-brand-400

#34B7DD

--color-brand-900

#04181C

--color-warm-50

#F8F7F4

Brand scale

The full brand ramp, from the lightest tint to the deepest background.

--color-brand-50

#E8EEF0

--color-brand-100

#DBF2F9

--color-brand-200

#93D9EE

--color-brand-300

#6FCDE8

--color-brand-400

#34B7DD

--color-brand-500

#2D7388

--color-brand-600

#1E4D5A

--color-brand-650

#163B44

--color-brand-700

#0F2A30

--color-brand-800

#051D22

--color-brand-900

#04181C

--color-brand-950

#071317

Neutrals

Warm greys for surfaces, borders, dividers, and secondary text.

--color-warm-25

#FDFDFD

--color-warm-50

#F8F7F4

--color-warm-75

#F1EFE8

--color-warm-100

#EBE6DD

--color-warm-200

#DDD6C7

--color-warm-300

#CAC0AD

--color-warm-400

#B1A690

--color-warm-500

#91887A

--color-warm-600

#6B655A

--color-warm-700

#534D43

--color-warm-800

#33302B

--color-warm-900

#27251F

--color-warm-950

#1C1A14

Market signals

Reserved for gains and losses. Never use them decoratively.

--trade-positive

#3C9A87

--trade-negative

#FF5252

Typography

Two faces, both from the DM family. Nothing else belongs to the system.

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

400

500

600

700

Everything people read: headings, body copy, labels, and buttons.

DM Mono

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

400

500

Prices, sizes, addresses, and anything that has to line up in a column.

Token icons

Icons for the tokens Kinetiq issues. Each one is a finished circle — don’t crop it, add a ring, or place it on a colored plate.

KNTQ

sKNTQ

kHYPE

kmHYPE

vkHYPE

Naming

“Kinetiq” is a single word, always spelled with a capital “K” and ending with a lowercase “q”. It is never set in all caps in running text.

Write

Kinetiq
kinetiq.xyz

Don’t write

KinetiQ
Kinetic
KINETIQ

Questions

Not sure whether a use is covered? Ask before you publish.

Ask on Discord Telegram Kinetiq on X

Use these assets to refer to Kinetiq. Don’t use them in a way that suggests endorsement or partnership, and don’t fold them into your own logo, product name, or domain.

On this page

Logo Clear space and minimum size Misuse Color Typography Token icons Naming Questions