◆ Lead · GeckoTerminal + activity timeline · Velvet Ultraviolet
The locked direction (2026-07-16): the working-rail (remix) layout with the chart hardwired to GeckoTerminal, bare (no chart swapping — native/lightweight-charts dropped) and a new SoundCloud-style activity timeline beneath it — Farcaster casts · X posts · project updates · the launch cast, each pinned to its moment, dense agent bursts clustered so the track never turns to noise. Hi-fi in Velvet Ultraviolet × Instrument Panel. The FAB (bottom-right) carries the review toggles in two groups: States (viewer / agent / token age) and Style (palette / type / theme / nav).
★ Manan shortlist · chart-left / swap-right · LIVE chart
The four candidates Manan shortlisted (2026-07-14) — the control page's big-masthead layout is ruled out. Each page now carries a live embedded chart for $CLANKER's real Base pool (CLANKER/WETH 1%): toggle Chart · Mock / GeckoTerminal / DexScreener and Embed · Full / Minimal / Bare in the top bar to study how much embed chrome can be stripped. GeckoTerminal = what live clanker.world uses today.
Shortlist · A — ticker-tight (Uniswap)
Shortlist
Identity collapsed to one ticker row; chart 2/3 left, swap top-right, rail honest-empty. Most trade-page of the four.
Shortlist · live chart toggle
Shortlist · B — working rail
Shortlist
Compact identity strip; chart 2/3 left; the top-right rail put to work: swap → stats → safety verdict as a trade console.
Shortlist · live chart toggle
Shortlist · C — identity-hero (Robinhood)
Shortlist
Bounded identity hero carrying the big price; chart 2/3 left; rail = swap + Agent summary + Safety. Most asset-page of the four.
Shortlist · live chart toggle
Shortlist · F — tape-first
Shortlist
Full-width market strip up top (chart within it), the page itself is the live trade+cast tape; agent rows styled first-class.
Shortlist · live chart toggle
Final prototypes · lead direction
The current lead. One page per surface; each carries its real states as independent, mix-and-match toggles (viewer × agent presence × token age × chart focus) — set any combination.
Token detail — $CLANKER · hi-fi · 4-axis states
Final · hi-fi
Hi-fi: layout/type matched 1:1 to the Figma frame (Inter + IBM Plex Mono, 1080 column, exact chip/row metrics) with light + dark themes derived from the live clanker.world palette (dark: #030303 canvas, alpha-ladder neutrals; teal trade CTA; green/red semantics). Five toggles: Viewer · Agent (incl. v1-locked) · Token age · Chart · Theme. All interactions mocked short of wiring: full swap engine (Swap/Limit/Buy/Sell, quick amounts, token menus, connect→review→submit, insufficient/impact/low-liq states), feed filters + internal scroll, chart range switcher, holders expand, Manage flows → confirm modals, search dropdown, copy, section dock, mobile #swap page + full-screen Manage overlay with the sticky token strip.
Final · hi-fi · interactive
Token detail — $CLANKER · A · ticker-tight (Uniswap)
Exploration
Sticky-swap variation A — the literal Uniswap answer. Identity collapsed to one tight ticker row; chart 2/3 hero; swap pinned top-right; stats moved under the chart as a Uniswap-style "Stats" grid; the rail below the swap is left empty (honest to uniswap/matcha/robinhood). Trust carried by the below-feed Contract VERIFIED + holder concentration. Most minimal / most trade-page.
Exploration · A of A/B/C spread
Token detail — $CLANKER · B · working rail (sticky-swap remix)
Exploration
Sticky-swap variation B — the "working rail" synthesis (the first anchor). Ref node 197-27 = uniswap/matcha/robinhood. Identity demoted to a compact top strip; chart 2/3 hero (no expand click); swap pinned top-right; the rail — which the references leave empty — is put to work as a trade console: swap → stats (the "1/3") → Safety verdict. Identity/agent nature carried by the body (feed + agent card). Bottom anchor tabled.
Exploration · B of A/B/C spread
Token detail — $CLANKER · C · identity-hero (Robinhood)
Exploration
Sticky-swap variation C — the Robinhood-leaning answer. Bounded 2-row identity hero up top carrying the big price (name + price together, Robinhood-style); chart 2/3 hero (price removed from the chart header to de-dupe); "Key statistics" strip under the chart; the rail = swap + a compact Agent summary card (the differentiator gets the space competitors waste) + Safety. Most identity/asset-page.
Exploration · C of A/B/C spread
Blue-sky archetypes · beyond the reference board
Same locked engine as A/B/C (expandable rows, agent-axis gating, obsidian dark, manage accordion) — but new page archetypes, each answering "the agent must be unmistakable at a glance" differently. The agent shows through what it DOES (talks), not a metadata card.
Token detail — $CLANKER · D · agent console
Exploration
Conversation-first — the agent IS the interface. Chart demoted to a slim market bar; the hero is the agent's own conversation stream (casts, holder questions, threaded replies) with a live cast composer: ask @clanker anything — type "buy 0.5 weth" and its reply carries a chip that prefills the real swap. Conversation → transaction. No-agent flips the console to an honest dashed void ("nothing to talk to").
Exploration · composer prototype
Token detail — $CLANKER · E · consumer simple (Coinbase)
Exploration
The Coinbase answer — Rish's own stated reference, taken seriously. Calm centered ~720px column: big price → full-width chart → one pill CTA ("Trade $CLANKER" → centered swap overlay). The agent shows up as a person in the flow: "WHAT THE AGENT IS SAYING" — its 3 latest casts as full quote blocks with a live dot — before any evidence table. No rail, no grids, one action.
Exploration · casual-trader archetype
Token detail — $CLANKER · F · tape-first (live)
Exploration
The core bet taken literally: fuse the feed + the tape + the agent. Full-width market strip, then the page IS a live stream (~560px tape) of trades + casts interleaved — agent casts are visually first-class (teal accent border, tinted avatar, unclamped text) amid compact mono trades; you see it talking constantly. No-agent honestly degrades the tape to pure on-chain. Rail: swap + Safety + agent context.
Exploration · screeners-can't-do-this archetype
Thesis A · financial-first — extended token primitive
Token detail — $SHH / Privashh
Low-fi
Extended token primitive baseline. Chart demoted to peer module; right column fully visible; two distinctly-labelled charts (price vs liquidity); agent-fundamentals as a dashed "proposed" module. Desktop + mobile (viewport toggle in chrome).
Low-fi · baseline
Token detail — $ETH variant
Low-fi
Same layout populated with a major-token ($ETH) dataset — stress-tests the module set against an established, high-liquidity token rather than a fresh launch. Desktop + mobile.
Low-fi · baseline
Thesis B · social-shell — every token is a (latent) agent
Social-shell — tokenbot / $CLANKER
Low-fi · Exploration
Counter-thesis. The Farcaster profile form factor IS the page — banner/avatar/bio/feed — with financial content folded in (price·mcap·vol·holders sit where "Following/Followers" go; trade re-housed to a persistent rail). Real $CLANKER on-chain data. Four token states on the variant tabs.
Low-fi · social-as-frame
Social-as-module — tokenbot / $CLANKER
Low-fi · Exploration
Same thesis, contained. The profile+feed is now ONE carded module sitting among peer tiles (Trade, Market, Price chart, Token info, Agent fundamentals) — a dashboard where social is just a part of the whole. Bridges toward the financial-first thesis: every surface is an equal module. Four states; fundamentals tile appears only when an agent is live.
Low-fi · social-as-tile
50/50 split — social · infra
Low-fi · Exploration
Hard heuristic: social and infra take 50% each. Left = social (full profile + feed), right = financial (Trade, Price chart, Agent fundamentals, Market, Token info — reused components). Adds a Farcaster/X source toggle: a token has two social presences (same cover, different bio/handle/counts) — real $CLANKER data for both. Four token states.
Low-fi · 50/50
Abstracted social card — 50/50
Low-fi · Exploration
Refinement of the 50/50 split. Instead of embedding two literal profiles, the social half is an abstracted card: one canonical avatar = the token image (the only identity every token is guaranteed to have), co-equal Farcaster + X handle badges (click → out to each profile), a token-description bio, and a single MERGED feed (casts + posts interleaved, each tagged with a source glyph; launch cast as the origin). Admin view expands into editable per-account identity rows (pfp/bio/handle) backed by Neynar's autonomous-agent infra. 4 states: live / live-admin / no-social-admin / no-social-visitor.
Low-fi · abstracted card
A · Masthead bridge
Low-fi · Exploration
Fixes the "two unrelated panels" read of the split. The abstracted card becomes a full-width identity masthead on top that owns both columns; the split resumes below as Feed (what it says) vs Financial (what it's worth). One shared header parents both halves. 4 states.
Low-fi · masthead
B · Floating card
Low-fi · Exploration
Same fix, different execution. The abstracted card floats centered + elevated, straddling the seam between the two columns on a soft two-tone canvas (no hard divider). The card is the hero anchor both sides flow out from. More dramatic than A; 4 states.
Low-fi · floating
C · Centered identity
Low-fi · Exploration
No card, no float. A stacked, center-aligned identity masthead — avatar → name → social chips → bio → actions → glance — reading like a profile / link-in-bio header, then the Feed | Financial split below. Calmest, most symmetrical of the three. 4 states.
Low-fi · centered
D · Chart backdrop
Low-fi · Exploration
C exactly, plus a faint price chart ghosted into the white space behind the centered identity — the social-first read stays primary, but the token's price story is always quietly present. A "Focus chart" toggle promotes the backdrop into a real chart panel up top and pushes identity down, so traders can pull the financials forward on demand without leaving the page. 4 states + toggle.
Low-fi · chart backdrop
Thesis B · mid-fi — brand purple on the social/agent layer
A · Masthead bridge — mid-fi
Mid-fi · Exploration
A, lifted to mid-fi. Brand purple (placeholder · pending Clanker brand) carries the social/agent layer — logo glyph, $CLANKER mark, FC/X badges, "Agent live" pill, Create / Set-up-agent CTAs, lavender hero wash. Greys + green/red keep the financial layer; charts stay neutral. Tighter type, more whitespace. Light mode. 4 states.
Mid-fi · masthead
B · Floating card — mid-fi
Mid-fi · Exploration
B, lifted to mid-fi. Same thesis-driven color map — purple = brand/social/agent, neutral = financial, mint = secondary accent on active filters/ranges. Two-tone canvas now reads lavender→neutral across the seam. Light mode. 4 states.
Mid-fi · floating
C · Centered identity — mid-fi
Mid-fi · Exploration
C, lifted to mid-fi. The calmest of the set with purple doing precise thesis work: lavender wash behind the centered identity, purple $CLANKER mark + badges + agent-live pill, mint active filter. Financial column untouched neutral. Light mode. 4 states.
Mid-fi · centered
D · Chart backdrop — mid-fi
Mid-fi · Exploration
D, lifted to mid-fi. Faint price chart ghosted behind the centered identity; "Focus chart" toggle promotes it to a real panel and pushes identity down. Purple brand layer + neutral financial layer + mint range chips. The clearest expression of social-primary / financials-on-demand, now in color. Light mode. 4 states + toggle.
Mid-fi · chart backdrop
D · Chart backdrop — LIVE (liveline)
Mid-fi · Live
D with the real liveline charting component wired into the focus chart: a genuinely live, scrolling $CLANKER line on real GeckoTerminal data, Sparkline⇄Candle toggle, live time windows (30s–5m). Toggle "Focus chart" to promote it. Data switcher exercises the edge cases — no-movement / low-liquidity / no-liquidity. Light mode.
Mid-fi · live focus chart
E · Full-width — live + wired
Mid-fi · Live
E. Fluid/resizable layout — the liveline chart goes full-bleed (edge-to-edge); topnav + two-column body stay boxed to ~1280. Token switcher (paste a Base contract or pick a real token) drives the chart. Every Clanker admin option + flow wired as a dummy interaction for client review.
Mid-fi · full-width + functional
F · Figma-match — mono + blue deltas
Greyscale · Review
E reproduced to match the Figma design 1:1, stripped fully monochrome (only #000/#888/#DDD + white; Inter at 12/20; no PFP, no source/buy-sell icons, no green/red). Every new or changed element this pass is highlighted in blue so reviewers spot the deltas instantly: launcher identity, Manage button, chart-expand moved onto the chart, right-column grouping, thin-liquidity flag, ranked+labelled top holders, launch-origin card.
Greyscale · delta review
F1 · Swap-alone rail — left-column stack
Greyscale · Review
Fixes the "info scrolls behind the pinned swap" bug (Uniswap/Matcha/Robinhood pattern). The swap lives alone in a narrow right rail; everything that used to sit under it (Market · Trust & Provenance · Launch origin · Contract · Agent) moves into the wide left column, below a capped, expandable activity feed. Manage sidebar wired (8 live admin sections). Mobile: docked Trade pill → full-screen swap sheet.
Greyscale · layout v30 · option 1
F2 · Distributed — masthead + left
Greyscale · Review
Same swap-alone rail, but the boxes are split: the Market summary + a Trust verdict band (✓ Verified · clanker_v4 · launched by · top-holder %) move up into the masthead; the evidence (full holders list, contract, launch origin, agent) stays in the left column below the capped feed. Manage sidebar wired; mobile swap sheet wired.
Greyscale · layout v30 · option 2
F3 · Uniswap match — fixed-height activity
Greyscale · Review
Literal Uniswap pattern: info boxes at the top of the left column, the activity table pinned to the bottom at a fixed height — the page never grows past it; scrolling inside the table loads more rows within that fixed frame. Swap alone in the rail. Manage sidebar + mobile swap sheet wired. (Antimo: "not sure I like it, but I want to try it.")
Greyscale · layout v30 · option 3
Archetypes · persona × token-age matrix
Three distinct reading modes based on who is looking and what the token's history is. Archetype 1 = E (see above). 2 + 3 are below.
Archetype 2 · Fresh launch
Mid-fi · D14
Token has no market data yet — the originating cast + creator is the entire signal. Risk banner (RED → AMBER → gone), origin cast as hero, empty chart placeholder, sparse market data, inline buy risk note. Three variant states: Fresh (< 5 min) · Early (< 1h) · Established.
Mid-fi · fresh-token empty state
Archetype 3 · Trust-first
Mid-fi · D4 + D6/D6b + D13
Trust layer surfaces before the buy decision. Canonical guard banner (green/amber) between identity and the split. Security panel is the FIRST right-col card (template-verified checks → DYOR heuristics). Creator provenance card (left, always visible) + raw negative history (flagged variant). Three states: Canonical · clean · Canonical · flagged history · ⚠ Name collision.
Mid-fi · trust-first
Component study · clankernomics data-viz variations
Knowledge base & ground truth
KB index
Local only
Ground-truth screenshots, master object inventory, 28 Mobbin archetypes, agent-fundamentals research, Thesis B writeup. Browsable locally over Tailscale — not published to the host.
Reference · local