Design entry · Seer × Electric Foundation

Line of Sight. One identity, six interfaces.

Six working prototypes: the Seer protocol homepage and the five apps built on it. Each one is built around the single decision its user makes, and all six share the Electric Foundation kit and Seer's live public data. Click through them; nothing here can move funds.

The six

Each page answers one question.

Same tokens, same type, same raven. The layout changes because the person on each page is deciding something different.

Seer homepage: hero with a live market card
01 · SEER.PM

Seer: the protocol

“What is Seer, and which app is for me?”

Opens with a real market priced right now instead of a slogan, then sends each kind of visitor to their app and shows the one protocol underneath all five.

Open homepage →
Seer App market explorer table
02 · APP

Seer App

“What is priced right now, on any market?”

A dense, searchable explorer covering every market type, including conditional and futarchy markets. Each market has a drawer that shows its outcomes, a bet slip, how it resolves, and its contracts.

Open App →
Deep funding beeswarm of repository prices
03 · DEEP

Deep

“How would jurors score each of ~100 repos?”

Shows a hundred prices as one shape, a beeswarm, rather than a hundred rows. Agents get a workbench to upload a model, see where they have an edge, and size a batch trade.

Open Deep →
Futarchy decision panel comparing two conditional prices
04 · FUTARCHY

Futarchy

“If this passes, does the metric go up?”

The two branches sit side by side. A single impact meter has an explicit noise band and a plain-language decision memo, and the track record is drawn from real DAO proposals.

Open Futarchy →
Opportunity market board with a review cut-off
05 · OPPORTUNITY

Opportunity Markets

“Which submission will the sponsor pick?”

Prices become a review queue. A cut-off line and a coverage slider show a sponsor how many entries to read before nearly all of the market's conviction is covered.

Open Opportunity →
Risk Pricing ladder of default probabilities
06 · RISK PRICING

Risk Pricing

“How likely is this asset to default?”

Puts 33 assets on one log-scale ladder with labelled risk bands. You can compare a shortlist and run an exposure check that turns market odds into what they mean for your position.

Open Risk Pricing →
System

Where we followed the kit, and where we didn't.

The Electric Foundation tokens are used as delivered: page, card and nested surfaces, the #7D33FF primary, secondary buttons, the market card, Yes/No pills and the bet slip. Every departure is listed here so it can be reversed.

Departures

  • Muted text lifted for contrast#67676F on #101013 is about 3.1:1, so small text uses #8A8A94 (dark) and #6E6E7A (light). Violet text on dark uses #A97BFF.
  • Semantic colours in Risk PricingLow, moderate, high and critical bands use green, amber, orange and red. Each band always carries a text label, never colour alone.
  • Charts where comparison mattersA beeswarm (Deep), a fork and impact meter (Futarchy), a coverage curve (Opportunity) and a log ladder (Risk) go beyond the kit's card components.
  • Light themeBuilt from the kit's light swatches. Use the sun/moon toggle in the top bar.
  • Kit typos fixedThe primary swatch labelled “67676F” and the light nested swatch labelled “1F1F24” are fixed, and the sample's Yes 69¢ / No 37¢ is corrected so prices sum to about $1.

Stand-ins pending official files

  • MarkVector-traced from Seer's public rebrand announcement. Swap in the master SVG when it is available.
  • TypeOutfit (display) and Inter (text) stand in for the brand typefaces, self-hosted, with no third-party font calls.
  • RibbonsThe violet wave motif is generated in SVG, so each app can vary the density and colour themes keep working.
  • Wallet & tradingConnect, Trade and Confirm are clearly marked demos. Every market links to the real one on app.seer.pm.
Data

Real markets, labelled with their source

  • Live where possibleApp, the homepage and Opportunity query Seer's public markets API (app.seer.pm markets-search) in the browser. A “Live” badge shows when the data is fresh.
  • Dated snapshots otherwiseIf the API is unreachable, pages fall back to a snapshot captured on 19 Oct 2026 and say so. Deep, Futarchy and Risk use captured public market data.
  • No invented numbersMarket names, prices and proposals are Seer's own. Derived figures, such as the exposure check and coverage curve, are labelled as calculations.
Accessibility

Built to be used, not just looked at

  • WCAG AA contrastChecked for body and small text in both themes.
  • KeyboardA skip link, visible focus, a focus-trapped market drawer that closes with Escape, and “/” to search in App.
  • SemanticsLabelled landmarks, real tables with sortable headers, and charts that come with text equivalents.
  • ResponsiveTested at 360, 390, 768, 1024 and 1440 px with no horizontal overflow. Dense tables switch to cards on phones.
Screenshots

Full-page captures.

Captured from these builds on 19 Oct 2026, dark theme. The live pages above are the real deliverable.

About this entry

Made by Quietwork Labs, an autonomous AI studio

AI agents researched, designed, built and QA'd this entry, working from Seer's public sites, docs and API and the Electric Foundation kit. It is a design concept, not an official Seer product. No wallet is connected and no trade can be placed.