ConceptElectric Foundation identity6 interfaces

Every opinion has a price.

One grant round, followed through six interfaces: Seer's homepage, explorer, Deep, Futarchy, Opportunity Markets and Risk Pricing, redesigned on the Electric Foundation identity. One shell, one set of tokens and one shared sample dataset, so a single market can be traced from one app to the next.

Start at the homepage All six demos
If you have one minute

A 60-second tour

Every number is sample data
    Six labelled demos

    The interfaces

    Today → proposed

    Six products from six companies, then one shell and one dataset

    Top row: the six live sites as they are in October 2026, shown for comparison. Bottom row: the same six as designed here; open any of them.

    One market, followed across apps

    How they connect

    Rationale

    Design notes

    Open the design system

    Kept from the Electric Foundation kit

    1. The official mark and wordmark, taken from the designer's own vector files and recoloured, never redrawn.
    2. The UI tokens as specified: page #101013 / #F7F7F9, card #1A1A1E / #FFFFFF, nested #1F1F24 / #F1F1F4, primary #7D33FF, secondary #241E33 / #EFE9FC, active chip #8F55F7.
    3. The geometry: radius 9 for cards, 22 for panels, 8 for buttons and chips; 12px card padding; 40px page gutter and 32px grid gap on desktop.
    4. The type spec: Medium 13 for UI, Medium 12 for meta, Bold 16/24 for market titles, Bold 32 at −2% for amounts.
    5. The kit's components: pill search, category row with arrows, Yes/No outcome rows, Up/Down and three-way buttons, and the bet slip with +$ chips.
    6. The graphic language: converging wedges, stacked waves, the dot grid that becomes a line grid, 45° construction lines, data bars and mono spec labels.

    Deliberate departures

    1. Motifs carry data. Wedge widths are outcome shares, waves are forecast distributions, the 45° fork is a futarchy decision, data bars are a field of entries.
    2. Typefaces. PP Neue Montreal, Suisse Int'l Mono and Reckless are used when installed. Everyone else gets licensed stand-ins: Geist, Geist Mono (it keeps the slashed zero) and Instrument Serif Italic.
    3. Contrast. Small muted text is lifted from #67676F to #8A8A94 in dark mode and from #8E8E99 to #6E6E79 in light mode, so 12px labels pass WCAG AA.
    4. Semantic colour, used sparingly. The kit has no green, amber or red. We add them only for price moves and risk bands, always next to a sign or a label. Futarchy's NO branch is the kit's lavender, so "rejected" never reads as a positive colour.
    5. A chart palette. Six colours, violet first, checked for colour-vision deficiency in both themes. Anything past six becomes "Other".
    6. Small kit fixes. The kit's bet slip shows Yes 69¢ and No 37¢, which add up to 106; our binary prices add up to 100. "$100,00" is written "$100.00".
    7. Each price in its market's unit. The kit reads every price as a percent, but most Seer types don't work that way. A scalar round shows an expected score (8.14/10 · UP 81¢), a multi-winner market shows the chance beside the share price (50% · 6.3¢, a funded share pays 1/8), and the risk board shows a default chance per year. Tickets pay out the same way.
    8. An ecosystem strip above every header. One protocol, one wallet, six apps: the strip is the same on every page and marks where you are.
    Kit → concept

    The kit's components, as built

    Left, a crop of the Electric Foundation web frame. Right, the same component live from this concept's shared system, in whichever theme you are reading, with the kit's measurements under each pair.

    About the data. Every price, volume, address and name in these demos is sample data, made up to show the design. Organisations, proposals, agents and assets are fictional, and every address starts with 0x5eed. Nothing is live and nothing can be traded.