theblockchainoracle · design system

One eye.
Nine views.
A complete system.

Tokens, components, and a logo family designed to read as a serious editorial seal at any size. Built for app-icon-first use and direct consumption by AI coding agents.

Browse components Read the docs

Colour

tokens.css · --tbo-*

Core

Ink · #0E0E0C

Bone · #F4F1EA

Bone-2 · #ECE8DF

Bone-3 · #E4E0D5

Accents — one per sub-brand

Oxblood · Predict

Lapis · Intelligence

Ochre · Tokens

Terracotta · Crypto

Sage · Stable

Graphite · Regulatory

Forest · Data

Signal Blue · Payments

Typography

DM Sans · JetBrains Mono

display-xl

Blockchain Oracle

display-l

On-chain truth.

display-m

A serious editorial seal.

h1 — 40 / 600

Section heading

h2 — 32 / 600

Subsection heading

h3 — 24 / 600

Card or block title

lede — 18

A lede paragraph, calmer in colour and slightly larger than body — used to introduce a section in one or two sentences.

body — 16

Body copy lives here. DM Sans 400 at 16px, with a 1.55 line height and slightly negative tracking. Designed to be read on a bone surface.

eyebrow — 11 mono

Section · meta · uppercase mono

Space & radius

4px base · 6 radii

Spacing scale

--tbo-space-14px

--tbo-space-28px

--tbo-space-312px

--tbo-space-416px

--tbo-space-520px

--tbo-space-624px

--tbo-space-732px

--tbo-space-840px

--tbo-space-956px

--tbo-space-1072px

--tbo-space-1196px

Radii

--tbo-radius-0 · 0

--tbo-radius-1 · 4

--tbo-radius-2 · 8

--tbo-radius-3 · 12

--tbo-radius-4 · 16

--tbo-radius-pill

Components

components.css · .tbo-*

Buttons

Badges

Default Live Synced Pending Failed Beta

Forms

Message

Vertical

Send me product updates Subscribe to research notes

Monthly Annual Lifetime

Tabs

Cards

A summary of yesterday's settlements alongside a probability distribution for the day ahead.

The on-chain market for binary outcomes — every event, two sides, one truthful resolution.

Trust-minimised payments with the same composability you'd expect from a public ledger.

Stats

Open markets 1,284 +38 today

Total settled $94.2M +2.4% wk

Median spread 0.42% -0.08 wk

Oracle uptime 99.97% 30d

Feature cards

Predict

Binary outcomes with bone-deep resolution rules.

Intelligence

Models that produce traceable on-chain attestations.

Stable

A peg with primary-source-of-truth reserves.

Table

Market	Vertical	Status	Volume
2026 UK election turnout	Predict	Open	$2.18M
EUR / USD oracle feed	Payments	Live	$914K
BTC quarterly settlement	Crypto	Pending	$4.02M
USDC reserve attestation	Stable	Synced	$11.7M

Callout

Heads up.

Resolution rules for binary markets changed on 12 May. New disputes follow the v2 procedure.

Code

// Import the design system
@import "https://your.cdn/theblockchainoracle/tokens.css";
@import "https://your.cdn/theblockchainoracle/components.css";

<button class="tbo-btn tbo-btn--accent">Open market</button>

Logos

10 marks × 4 variants · SVG + PNG

One eye.
Nine views.
A complete system.

Colour