PagesSpec §3.2
Token page
The most important screen. Desktop: two columns (left = chart and info, right = trade panel, sticky). Mobile: chart, then a sticky “Buy / Sell” bar that opens the trade panel as a bottom sheet.
- Image, name, ticker, mint address with copy button
- Creator wallet, created time
- Socials (X, Telegram, website) if provided
- Curve asset icons
- Status badge: Live · Graduating · Graduated
- Candlestick chart of token price
- Unit toggle: USD (default) or any curve asset
- Timeframes: 1m, 5m, 15m, 1h, 4h, 1D
- Large progress bar: “62% sold”
- Tokens sold / sale allocation (e.g. 508M / 820M)
- Estimated market cap now (USD)
- Text: “Graduates when 100% is sold. Liquidity then moves to a pool for each curve asset.”
Collapsed by default, behind a “Curve reserves” expander. For each curve asset, one row. This answers “what is actually backing this curve” for advanced users.
| Asset | Deposited | USD value | Token price in this asset |
|---|
Live list: time, buy/sell, wallet, amount of token, amount and asset paid or received, USD value, transaction link. Routed trades show a small route icon.
Top holders with percentage. Mark special accounts: bonding curve, creator, migrated pools.
- Progress card is replaced by a “Graduated” card listing each AMM pool (asset pair, liquidity, link).
- Trade panel switches to trading against those pools.
- If one asset's migration is pending or failed, show that pool as “Migrating” while others are live.