Nimb's design is Swiss and minimal, in the spirit of 80s and 90s tech: a quiet neutral ground, filled circles sized by money, green for Yes and red for No, and a plain voice. Every choice serves market reading: the data carries the colour, so you can see where the money is before you read a word.
What is the idea: why does the data carry the colour?
A prediction market says three things at once: what the crowd expects (the price), how much money stands behind it (volume and depth) and who holds it (positions). Nimb's job is to make those three readable at a glance on the map. So the interface steps back. The ground is neutral grey or near-black, text is ink, and the navigation is one dock that sits grey when idle. Colour appears only where it means something: a market's category, or a Yes or No position. If something on screen is coloured, it is data.
Swiss graphic design gives the grid, one type family and form that follows content; 80s and 90s tech gives a few bold filled shapes and stripes. The result should feel like an instrument panel, not a casino floor.
What is the logo?
The mark is called Six bands: a disc cut into six horizontal bands in the category colours (red, orange, yellow, green, blue, purple from top to bottom), with the lowercase wordmark nimb. It nods to the striped logos 80s tech companies wore, it stays readable at 16 px, and it is built from our own palette, so the brand is literally made of the map's categories. Never outline it, add a gradient or letter-space the wordmark, and never set a Polymarket logo next to it without written permission.
What are Nimb's data rules?
Six rules decide how every market is drawn. They are written once and applied everywhere: the map, the market panel, charts and social cards.
| Rule | What it says | Why it helps |
|---|---|---|
| Filled circles only | A circle is a thing: a market, a wallet, a position. Never an outline, never a ring. | One shape, one meaning. An outline would invite you to read the ring and the hole as two values; a filled disc shows one quantity, its area. |
| Size is money | Area follows volume or value with a square-root scale, so a market twice as big looks twice as big. | Your eye judges area, not width. A radius-based scale would make a $2M market look four times a $1M one; the square-root scale keeps the comparison honest. |
| Lines are positions | Green holds Yes, red holds No. Dashed lines are themes, never money. | A solid line always means money a wallet has at stake, so you never mistake a grouping for a trade. |
| 50% is the horizon | The only reference line on a price chart is a dashed 50%, shown when the price range crosses it. | 50% is where the crowd flips from "less likely" to "more likely". One line, shown only when relevant, keeps the chart about the price. |
| Dim, don't hide | Focus lowers everything else to 12–25% and keeps it in place, so nobody loses their bearings. | You keep the context: related markets stay where they were, and closing a panel brings you back to the same picture. |
| Say the source | Every number has a source line: "Data from Polymarket", with the time it was taken. | A price is a snapshot. Knowing when it was taken, and from where, tells you how far to trust it. |
Why are all shapes filled circles?
Markets, wallets and positions are all things that hold money, so they share one shape and their areas compare directly. Wallet circles are grey, so they never compete with category colours.
Why square-root sizing?
Area grows with the square of the radius. If radius followed money, twice the volume would cover four times the screen. A square-root radius makes area proportional to money: twice the money, twice the ink. See how to read the map.
Why is there only one reference line on charts?
Gridlines pull the eye away from the price. On a probability chart, the one level that changes a price's meaning is 50%, so only it is drawn, dashed, when the line crosses it. More in price charts.
Why these colours?
A quiet ground, two signal colours, seven categories.
| Token | Light | Dark | Used for |
|---|---|---|---|
| Ground | #F5F5F5 | #0E121A | Page background |
| Paper | #FFFFFF | #1A1B1F | Cards, panel, ticket |
| Ink | #111214 | #ECEDEE | Text, active state |
| Muted | #71757D | #8D9199 | Secondary text |
| Yes · gain | #3FAF76 | #52C48A | Yes, profit, buying |
| No · loss | #E9473A | #FF5A48 | No, loss, selling |
Why only green and red as signal colours?
Green and red mean Yes and No, gain and loss, and nothing else. Because no button, badge or banner uses them for decoration, a green line or a red number always tells you which side the money is on. Two categories share these hues (Geopolitics is red, AI & Tech is green), but only as market fills; as lines, numbers and buttons, green and red always mean Yes and No.
What are the category colours?
| Category | Colour | Light |
|---|---|---|
| Geopolitics | Red | #E9473A |
| Politics | Blue | #4C8DEB |
| Finance | Yellow | #F2C431 |
| Crypto | Orange | #F2892E |
| AI & Tech | Green | #3FAF76 |
| Sports | Khaki | #A9A383 |
| Climate & Culture | Purple | #9B7FE6 |
Category colours are used only for markets and their categories. They are bright enough to tell apart on the neutral ground and stay recognisable when dimmed. Social cards take the colour of their market's category, so a feed of posts reads like a set of stickers. See categories.
Why Geist and Geist Mono?
Geist for words, Geist Mono for numbers that move. Geist is a clean grotesque in the Swiss tradition: neutral, legible at 12 px, and heavy enough at 600 for titles. Geist Mono sets every number that changes in place, prices, moves, dollar amounts, with tabular figures, so digits keep the same width. When a price ticks from 41% to 44%, the number changes but does not shift sideways, and columns of numbers line up.
- Never letter-space titles or labels.
- Percentages, never cents: a price reads "41%", not "41¢", because the question you are answering is "how likely?".
How does motion work?
Everything moves, nothing jumps. Every state change is animated, short and soft: things enter by rising and fading, leave faster than they came, and the map breathes slowly on its own. A number that counts to its new value, instead of jumping, shows you the direction of the move.
| Token | Value | Used for |
|---|---|---|
--t-fast | 200 ms | Closing anything, hover colour |
--t-base | 340 ms | Opening popovers, dimming the map |
--t-slow | 500–900 ms | Zoom to a market, view crossfade, counters |
| ambient | 6–12 s cycles | Node drift and breathing; paused under reduced motion |
--ease-out | cubic-bezier(.2,.8,.2,1) | Popovers, panel, chart line drawing |
--ease-expand | cubic-bezier(.65,0,.25,1.08) | Search pill, dock groups opening |
How does Nimb write?
Plain, exact, a little dry.
We write like a good wire reporter: what happened, how much, since when. Chances in percent, moves in points, money in dollars. No hype, no emojis.
| Write | Avoid |
|---|---|
| Traders see a 41% chance that it happens by Dec 31, down 4 points this week. | HUGE MOVE!!! Iran odds explode |
| $333k more went to No than to Yes over the past week. | Big wallets are dumping, get in now. |
| You buy 237 Yes shares at 41% each. If it happens, you get $237. | Easy money on the election, don't miss it. |
The first sentence in every market panel is a reading: one sentence a person could quote. The ticket ends in one plain sentence about what you get and what you can lose.
How is Nimb made accessible?
- Contrast. Labels on green and red use ink, not white, for AA contrast. White text on mid-green fails; dark ink passes.
- Never colour alone. Yes and No are always named in text next to their colour, and moves carry a sign and the word "up" or "down".
- Reduced motion. Ambient movement is paused when your system requests reduced motion.
- Light and dark. Every colour has a light and a dark value, tuned to keep the same meaning on both grounds.
- Text for crawlers and screen readers. Every market also exists as a plain HTML page under
/markets, in sentences and tables.
See it all at work on the map, or read about Nimb.
Last reviewed 2026-11-07 · Data from Polymarket · Not financial advice · Nimb is not affiliated with Polymarket.