Skip to content
KR.
← All marks

tradit

a stepped square perched on the opening letter rather than set beside it

Client
tradit
Year
2023
Kind
Perched mark
My part
Sole designer: brand identity, design system and every screen
The tradit homepage in dark mode: “Join tradit as we reshape the online trading landscape”, a phone running the trading app, and the popular-stocks table below
Design file: the dark master's first screen.The case study →

On light and dark, large and small

Light ground — the brand's own light cut.
Dark ground — the brand's own dark cut.

Small sizes

One small square with one notch. The notch is still a clean step at 16px, so nothing on this ladder fails.

16px
24px
32px
48px
96px

The idea

A trading brand. A small stepped square rests on the ascender of the opening t, overlapping rather than clearing it.

The square is 60.99 on both sides and overlaps the letter under it: 39.53 across, 11.26 down.

Geometry and measurements

Constructionas drawn · measured

As drawn

The shipped glyph, untouched.

60.99 squareoverlap 39.53 × 11.26

Measured

The lit box is the intersection of the mark's bounds with the opening glyph's.

What the file says9 properties

The mark

60.99 × 60.99

Square to the hundredth. A stepped form, with the notch cut from its lower left.

Overlap

39.53 × 11.26

It sits ON the opening letter, not above it. The mark and the glyph share space.

Against x-height

64.6%

60.99 against an x-height of 94.35. Small enough to read as a diacritic rather than a second element.

The two t's

not identical

81.01 × 125.93 for the first, 58.89 × 116.10 for the last — the opening t carries the mark.

a and d

98.54 each

Two different letters at exactly the same width — one consistent round across the set.

Tallest point

y 41.66

Not an ascender — the dot of the i, which outreaches every stem in the word.

x-height

94.35

Measured 81.31 to the 175.66 baseline.

Overshoot

+1.34

The rounds drop past the baseline. The largest overshoot measured across the marks here.

Variant rule

6 of 7 paths

The wordmark adapts; the green square is identical in both files.

Contrastfour ratios

WCAG relative luminance on the fills in the file. The 4.5:1 bar is applied only where it applies — a graphic element is not text. Cards that say “on dark” are measured on near-black, #08070a.

#04DE00

10.96:1

Green on dark

Third strongest accent on near-black here, behind Finansero's mint and TradeApp's cyan.

#04DE00

1.83:1

Green on white

Drawn as a shape for dark grounds, never set as a word.

#212121

16.10:1

Wordmark on white

Near-black. The light lockup leans on maximum contrast to hold a very bright accent.

#8F8B9E

1.80:1

Grey on the green

Nowhere near the 4.5:1 a section ground needs, so this colour stays an accent here.

Measurements

Measured off the vector

  • The mark overlaps the opening letter.

    Mark x 41.48–102.47 against the glyph's 0.00–81.01, and y 0.00–60.99 against 49.73–175.66.

  • The word's two t's are different drawings.

    81.01 × 125.93 and 58.89 × 116.10 — a 27% difference in width.

  • Only the wordmark changes between grounds.

    Six of seven paths differ across the supplied files.

Measured from the two supplied lockup SVGs, the overlap taken as the intersection of two measured boxes.

← All marks