Abstract dark blue glass facets

Corporate Design

Brand & Design System

Design System
& Brand Guidelines

Powering the future of capital markets. One coherent visual language across product, deck and communication.

Version 1.1Typeface GrandviewScope Brand · Colour · Type

Assets · Download

Grab the brand assets

The full guidelines as a PDF, the logo pack (SVG + PNG), or everything in one archive.

01 · Who we are

Brand foundation

21X is a regulated DLT market infrastructure — institutional by nature, modern by design. The visual language is precise, quietly architectural and confident: light glass surfaces, deep ink text, and a single signature blue gradient lifted straight from the logo’s “X”.

Positioning

Powering the future of capital markets

Europe’s first regulated DLT trading & settlement venue.

Personality

Institutional · Precise · Forward

Trustworthy like an exchange, sharp like a fintech.

Voice

Clear, declarative, short

One idea per statement. No jargon padding. Confident, never loud.

RegulatedDLT-native InstitutionalEuropean Transparent

02 · Identity

Logo

The 21X wordmark is the core asset: black numerals with the signature gradient “X”. Use it as the primary identifier — black on light, white on ink. Keep clear space around it at least equal to the height of the “X”, and never below 96 px wide on screen.

21X wordmark on light

On light — surfaces #FFFFFF → #F6F8FB. Full-colour wordmark.

21X wordmark on ink

On ink — #05080D and dark imagery. White wordmark, gradient X retained.

Variants

Primary · Flat

Default. All product, deck & document use.

Reversed

Dark backgrounds & imagery.

Expressive variants (3D chrome, gold) exist for hero visuals, video and ceremonial one-offs only — never inline in text or as a replacement for the flat wordmark.

Misuse

Don’t distort

No stretching, skewing or rotating.

Don’t recolour

The X gradient stays blue. Never magenta or other fills.

Do — black on light

Maximum clarity.

Do — white on ink

Reversed, gradient X kept.

03 · Colour

Colour

The core brand colour is blue, anchored on the two logo-gradient stops — deep #2B5CA8 and sky #1DACE4 (outlined below) — extended into a full scale. Cool-leaning inks carry all text and structure. Magenta is a single secondary accent, never a co-primary.

Brand blue

blue-950#0A1C33
blue-900#102A4D
blue-800#1B3D6E
blue-700#234B8A
blue-600#2B5CA8
blue-500#2278C0
blue-400#1DACE4
blue-300#5BC3ED
blue-200#9BD9F4
blue-100#CFECFA
blue-50#EAF6FD

Ink & neutrals

ink-950#05080D
ink-900#0C1119
ink-800#161C26
ink-700#2A313D
ink-600#434B59
ink-500#5F6878
ink-400#828B9B
ink-300#A8B0BD
ink-200#CDD3DC
ink-150#DFE3EA
ink-100#EBEEF3
ink-50#F4F6F9
surface#F6F8FB
white#FFFFFF

Secondary — magenta

mag-700#8E2F8F
mag-600#B3199F
mag-500#D63CC0
mag-400#E56BD4
mag-100#FBE4F6

Signature gradients

Brand — the “X”linear-gradient(135deg, #1DACE4 → #2B5CA8)
Headline highlight90deg · #1DACE4 → #2B5CA8 42% → #05080D
Highlight — vertical180deg · sky → deep → ink
Magenta special (hero moments)90deg · #1DACE4 → #2B5CA8 → #B3199F

Semantic & market

▲ Up
market-up
#12B76A · bid / gain
▼ Down
market-down
#F04438 · ask / loss
Warning
warning
#F79009
Info
info
#1DACE4 · = blue-400

04 · Typography

Typography

One family everywhere: Grandview, a humanist DIN-derived grotesque. Headlines run tight and bold; body runs regular with a comfortable measure; numerals use tabular figures for trading data. Emphasis uses Bold, not colour — unless it carries semantic meaning.

Grandview Light
300 · large display only
Grandview Regular
400 · body & UI
Grandview Bold
700 · headlines, labels, emphasis

Type scale

--text-6xl96pxHero display
--text-5xl76pxDisplay / cover
--text-4xl60pxSection opener
--text-3xl48pxHeading 1
--text-2xl36pxHeading 2
--text-xl28pxHeading 3
--text-lg22pxLead body · Heading 4
--text-md18pxLead paragraph
--text-base16pxBody — default reading size
--text-sm14pxSecondary body
--text-xs13pxDense UI
--text-2xs12pxEyebrow / caption

05 · Imagery

Imagery & backgrounds

The signature backdrop is a light, faceted “glass” surface — cool, architectural, almost weightless. It carries the headline-highlight motif on hero and section moments.

Europe’s first regulated DLT venue

Powering the future of capital markets
21X on ink
Rules. Keep imagery light & cool · darken ≥60% before placing white type/logo · never warm/heavy stock · never full-saturation colour washes.

Contact us

Contact form

Please fill out your contact details and the nature of your enquiry. We will respond to you as soon as possible.

Address

21X AG

Bleichstrasse 64
60313 Frankfurt am Main
Germany

Legal