ledger · sheet 03
BrainDAO
The DAO behind $IQ, drawn as a live instrument panel.
- 3
- chain deployments surfaced with live figures
- 2
- routes carrying the entire public surface
- 0
- client requests for the token numbers
Next.js 16 · React 19 · Tailwind CSS · TypeScript
Overview
A two-route site for the entity that governs $IQ, drawn as a live instrument panel rather than a brochure. A governance token has to explain a mechanism to someone who has never heard of it and show a trader figures they trust. Static copy loses the first reader; a client-rendered dashboard loses the second to a spinner.
Architecture, and why
5 entriesThe numbers resolve on the server
Price, market cap, supply and total locked are fetched during the render, so the first paint carries real figures.
Two routes, no wallet
Anything needing a connection deep-links into the IQ dashboard, so there is no wallet state to break during a volume spike.
The mechanism drawn, not described
Token flow, chain routing and the locked share of supply are small live diagrams beside the copy.
Analytics through a first-party proxy
Measurement runs through the site's own origin, so it survives blockers without an extra domain in the critical path.
Type self-hosted, not fetched
The display serif and both text faces are subset through next/font with metric-matched fallbacks, so headlines never reflow.
Engineering highlights
6 entriesLive figures in the first byte
Price, 24-hour change, market cap, supply and total locked are server-rendered into the hero and repeated in the footer.
A hero that moves without JavaScript
The loop behind the headline is a range-served video, cheap on a phone, degrading to a still frame.
Three chains, linked to source
Ethereum, Fraxtal and Polygon deployments each link to their contract on the matching explorer.
Trade routes, not a swap widget
Binance, Upbit, 1inch and Frax are deep-linked with pair and chain preselected, no exchange integration required.
Staking framed as a share of supply
Total locked is shown against circulating supply, so 2.5 billion IQ reads as the nine percent of float it is.
Multilingual from the shell out
Language selection lives in the nav and carries through copy, labels and figures alike.