OstraBrand guidelinesv1.2
A trading terminal with nothing in the way
- Version
- 1.2 · Jul 2026
- Discipline
- Exchange & crypto infrastructure
- Sector
- Digital assets
- Prepared by
- Berke Tok
Foundations
A spot exchange for active traders: chart, order book and ticket on one screen, and a mobile app that keeps the same order of things.
1.1Purpose
A pearl settled at the bottom of its shell: value that has come to rest. Acid green on near black, built for screens that stay open all day.
1.2Audience
Who it is for
Active traders who watch the order book, and want the interface to disappear.
Positioning
For traders who count milliseconds. Unlike exchanges that sell the market, Ostra is a terminal with nothing in the way.
1.3Principles
- P1
One-screen terminal
Chart, depth and order entry share a single view at desktop widths, with keyboard access to every action.
- P2
Numbers you can scan
Tabular figures, one green and one red, and depth bars behind each price level.
- P3
Mobile without loss
Portfolio, alerts and fills carry over to the phone, with the same type and colour logic as the terminal.
Voice
How Ostra sounds in product, support and marketing. One voice; the tone moves with the moment, not the channel.
2.1Traits
Terse
Labels are nouns. Confirmations are one line. Nobody reads a paragraph mid-trade.
Numeric
Numbers are set in tabular figures and never truncated without a tooltip.
Neutral
Green and red mean up and down, never good and bad. We do not celebrate fills.
2.2Say this, not that
- Say
Filled 0.25 BTC at 68,412.50
NotCongrats, your order went through!
- Say
Price alert: ETH crossed 3,800.00
NotETH is mooning!
- Say
Margin 42% · liquidation at 61,200
NotYour position is at risk.
2.3House style
- 01Pairs as BTC/USDT
- 02Prices to the instrument’s tick size
- 03No emoji, anywhere
Logo
One mark, one wordmark, one horizontal lockup. The mark is drawn on a 48-unit grid and is never redrawn, only scaled.
3.1Lockups
3.2Construction
Construction circles and the 4-unit grid the mark is drawn on.
- Grid
- 48 units, 4-unit subdivisions
- Construction
- 2 circles, radii 21.5 / 13
- Lockup
- Mark 132 : word 453 units wide
- Gap
- 48 units between mark and word
3.3Clear space and size
Shown at true size. Below these the mark fills in and the word loses its counters.
3.4Misuse
Do not stretch or squash
Do not rotate
Do not recolour
Do not outline
Do not add effects
Do not set on low contrast
Colour
Four colours with fixed roles. Values are the source of truth for screen; print is proofed against the CMYK starting points below.
4.1Palette
- PrimaryAcid
- HEX
- #3DFFA2
- RGB
- 61 255 162
- HSL
- 151 100% 62%
- OKLCH
- 88.6% 0.198 157
- CMYK
- 76 0 36 0
- On it
- Abyss
- GroundAbyss
- HEX
- #0A0C0E
- RGB
- 10 12 14
- HSL
- 210 17% 5%
- OKLCH
- 15.3% 0.005 248
- CMYK
- 29 14 0 95
- On it
- Mist
- TintCarbon
- HEX
- #1B2026
- RGB
- 27 32 38
- HSL
- 213 17% 13%
- OKLCH
- 24.1% 0.014 253
- CMYK
- 29 16 0 85
- On it
- Mist
- PaperMist
- HEX
- #E6EBEF
- RGB
- 230 235 239
- HSL
- 207 22% 92%
- OKLCH
- 93.7% 0.008 242
- CMYK
- 4 2 0 6
- On it
- Abyss
4.2Proportion
Share of a typical surface. Primary is an accent even where it leads.
4.3Tonal scale
Derived from Acid in linear light, for charts, states and illustration. Never for the mark.
- 50F0FFF5
- 100E5FFEE
- 200CBFFDE
- 300ACFFCC
- 40084FFB9
- 5003DFFA2
- 60037EA94
- 70030D284
- 80028B572
- 9001E925A
4.4Contrast
WCAG 2.2 ratios. AA needs 4.5:1 for text, 3:1 for large text and icons.
- Aa16.32:1AAA
- Aa1.20:1Fail
- Aa14.95:1AAA
- Aa13.65:1AAA
- Aa1.09:1Fail
- Aa16.32:1AAA
- Aa1.09:1Fail
- Aa12.51:1AAA
- Aa14.95:1AAA
Typography
Unbounded for everything, from display to captions. One family keeps the product and the marketing in the same voice.
5.1Typeface
Unbounded
Semibold 560 · Regular 400
5.2Scale
Base 16 px, ratio 1.2. Line height tightens as size grows.
- Display40 / 1.08 / -3%A trading terminal with nothing in the way
- Heading 133 / 1.2 / -1.5%A trading terminal with nothing in the way
- Heading 228 / 1.2 / -1.5%A trading terminal with nothing in the way
- Heading 323 / 1.5 / 0%A trading terminal with nothing in the way
- Lead19 / 1.5 / 0%A trading terminal with nothing in the way
- Body16 / 1.5 / 0%A spot exchange for active traders: chart, order book and ticket on one screen, and a mobile app that keeps the same order of things.
- Caption13 / 1.5 / 0%A spot exchange for active traders: chart, order book and ticket on one screen, and a mobile app that keeps the same order of things.
5.3Setting
Sentence case
Headings, buttons and labels. Title case only for product names.
Tabular figures
Every amount, time and count, so columns line up and values do not jump.
60–75 characters
Running text measure. Short labels may run to the edge of their container.
Layout
Two grids and one spacing scale cover every screen. Print uses the same 12 columns on the A-series.
6.1Grid
6.2Spacing
A 4 px base. Components step on 4 and 8; sections on 48 and up.
- space-14 px
- space-28 px
- space-312 px
- space-416 px
- space-524 px
- space-632 px
- space-748 px
- space-864 px
- space-996 px
Interface
The identity carried into the product: tokens first, then the handful of components every screen is made from.
7.1Tokens
- radius.sm
- 3 px
- radius.md
- 6 px
- radius.lg
- 9 px
- focus
- 2 px #3DFFA2 · 2 px offset
- elevation.1
- 0 1 2 / 8%
- elevation.2
- 0 12 32 / 14%
- motion.fast
- 160 ms · ease-out
- motion.base
- 240 ms · ease-out
- hit target
- 44 × 44 px
7.2Components
Live components, set in the brand typeface with the tokens above.
7.3In product
Applications
Where the rules meet the world. When something here is not covered, follow the checklist and keep the lockup clear.
8.1In context
8.2Checklist
Before anything ships.
- The lockup is at least 18 px tall on screen and 8 mm in print.
- Clear space around the lockup is at least half the mark’s height on every side.
- Body text is Abyss on Mist: 16.3:1, AAA.
- Acid is not used for body text on Mist (1.1:1); keep it for fills, marks and large type.
- Headings use Unbounded; amounts use tabular figures.
- Copy follows the house style in 2.3, starting with “Pairs as BTC/USDT”.