Markets brand guidelines

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

Logos and lockups in SVG, PNG, and WebP.

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

Domain lockup

The lockup carrying the domain, for partner slides, sponsorships, and print.

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.

Markets 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.

Naming

Markets takes a capital M. The domain is written markets.xyz, always lowercase. Markets is built by Kinetiq, so write “Markets by Kinetiq” whenever the relationship needs to be explicit.

Write

Markets
markets.xyz
Markets by Kinetiq

Don’t write

MARKETS
Markets.xyz
Market

Questions

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

Ask on Discord Markets on X

Use these assets to refer to Markets. 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 Naming Questions