Elysium brand guidelines

Everything you need to present Elysium 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

Colorized logomark

The mark in full color, for places where it stands alone and has room to be seen. Use it on dark surfaces.

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.

Elysium 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, dark, or colorized 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

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

“Elysium” is a single word, always spelled with a capital “E”. It is never set in all caps in running text.

Write

Elysium
elysium.kinetiq.xyz

Don’t write

ELYSIUM
elysium
Elysion

Questions

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

Ask on Discord Telegram Elysium on X

Use these assets to refer to Elysium. 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