Brand
TradeIt Brand
Guidelines
Assets, examples and guidance for using the TradeIt brand correctly and consistently.
Logo
Our logo is the primary identifier of the TradeIt brand. Use it consistently and with care.
TRADEITTRADEITTRADEITColors
The TradeIt color palette. Blue is our primary brand color — use it for CTAs, links, and key UI elements.
Brand Blue#265ff2Primary brand color, CTAs, links
Brand Dark#1a4fd4Hover states, pressed buttons
Brand Light#eef2ffBackgrounds, chips, highlights
Near Black#0a0c14Primary text, headings
Secondary#4a5270Body text, descriptions
Muted#8892b0Captions, metadata, timestamps
Profit#4ade80Positive PnL, gains, success
Loss#f87171Negative PnL, losses, errors
Warning#f59e0bAlerts, pending states
Surface#f7f8fcPage backgrounds, section fills
Typography
Two typefaces — one for display and headings, one for body and UI.
Aa Bb Cc 01 23
SyneDisplay / HeadingsWeights: 400, 500, 600, 700, 800All headings, logo wordmark, labels, statistics
Aa Bb Cc 01 23
DM SansBody / UIWeights: 300, 400, 500, 600Body copy, UI elements, navigation, buttons
Usage Guidelines
Do
Use the logo on white or very light backgrounds
Maintain clear space equal to the height of the 'T' lettermark around the logo
Use the blue (#265ff2) version of the logo on white backgrounds
Use the white version of the logo on blue or dark backgrounds
Scale the logo proportionally
Don't
Don't stretch or distort the logo
Don't change the logo colors outside of approved variants
Don't place the logo on busy or clashing backgrounds
Don't rotate or flip the logo
Don't add drop shadows, outlines, or effects to the logo
Don't recreate the logo using different fonts