Brand guidelines

Logo

One lockup per brand, supplied in two inks, plus an app icon. How to place it, how small it can go, and what counts as misuse.

Every rule here applies identically to all four brands. Only the files themselves differ.

01 — Marks

The files

Twelve files. Each mark is shown on the background it is drawn for — take the one named for your background, never the one named for the ink.

Tradeify

Tradeify logo, for dark backgrounds
For dark backgroundsSVG
Tradeify logo, for light backgrounds
For light backgroundsSVG
Tradeify app icon
App iconSVG

Tradeify Futures

Tradeify Futures logo, for dark backgrounds
For dark backgroundsSVG
Tradeify Futures logo, for light backgrounds
For light backgroundsSVG
Tradeify Futures app icon
App iconSVG

Tradeify 24/7

Tradeify 24/7 logo, for dark backgrounds
For dark backgroundsSVG
Tradeify 24/7 logo, for light backgrounds
For light backgroundsSVG
Tradeify 24/7 app icon
App iconSVG

Tradeify FX

Tradeify FX logo, for dark backgrounds
For dark backgroundsSVG
Tradeify FX logo, for light backgrounds
For light backgroundsSVG
Tradeify FX app icon
App iconSVG

02 — Construction

Placement

Two rules govern every placement: how much room the mark needs, and how small it may go.

Clear space

Half the logo's height, on every side

Expressed against the mark’s own height so it holds on a business card and on a billboard without recalculating. Nothing enters that area — no type, no rules, no other logos, no photograph edges.

½H is close to two values already in the artwork: the wordmark’s x-height, and twice the badge’s internal padding.

Tradeify Futures logo with its clear space marked½H½H½H½H
H is the full height of the logo as supplied.

Minimum size

24 px on screen, 8 mm in print

Below this the wordmark’s finer joins fill in and the badge stops reading as a separate element. Measure the full height of the supplied artwork, including the badge — not the height of the lowercase letters.

Logo at its 24px minimum height

24 px Minimum for screen

Logo below minimum height, shown as an example of what fails

13 px Too small — do not use

Shown at actual size. Measure the full artwork height, badge included.

03 — Integrity

Never altered

The lockup is drawn artwork supplied as a vector. Scale it, place it, and nothing else.

  • Never re-set it The wordmark is not live type, in Mona Sans or anything else. Setting the word and calling it the logo looks intentional and is wrong everywhere it appears.
  • Never redraw it No re-tracing, no cleaning up outlines, no auto-tracers.
  • Never re-proportion it The wordmark, the badge and the space between them are fixed.
  • Never recolour it Including the badge, and including making it monochrome by hand — both supplied inks already are single colours.
  • Never add to it No effects, outlines, containers or taglines, and no other logo locked up alongside it without approval.

04 — Misuse

What going wrong looks like

Every one of these is a render of the real file. People pattern-match on images and skim text.

IncorrectStretched or squashedScale proportionally, always. Never fit the logo to a box by distorting it.
IncorrectRecolouredThe wordmark is never tinted and the badge is never a colour other than its brand primary.
IncorrectEffects addedNo shadows, glows, bevels, outlines or strokes. Light in the Tradeify system is applied to surfaces, never to the mark.
IncorrectRotatedThe lockup sits on the horizontal. It is never angled, arced or set vertically.
IncorrectInsufficient contrastThe pale mark needs a dark surface. Check contrast against the actual background, including over imagery.
IncorrectWrong variant for the backgroundThis is the mark for light backgrounds, placed on a dark one. It is the most common asset error there is — take the variant named for your background.
IncorrectBadge used aloneThe badge is not a standalone mark and is never cropped out of the lockup. Where a compact mark is needed, use the app icon.
tradeify futures
IncorrectRebuilt in a substitute typefaceThe wordmark is drawn artwork, not live type. Never re-set, re-trace or recreate it — use the supplied file.