Aster

What it does

• Provides the persistent header and global controls across all analyzed routes (e.g., /en, /en/spot/CDLUSD1, /en/trade/pro/futures/BTCUSDT).
• Establishes the platform’s primary entry points: Trade, Portfolio, Referral, Staking, Explorer, Rewards, plus a More overflow.

Visible UI + interactive elements

• Network selector: “BNB Chain” appears as the active chain control.
• Wallet onboarding: “Connect walletConnect” button is present consistently.
• Localization + preferences: “Open Language Menu”, “Open Settings”.
• Layout responsiveness: “Toggle Menu” suggests a collapsible nav for smaller viewports.
• Market/notice surface: pages like /en and /en/trade/pro/spot/CDLUSD1 include a heading “Announcements” and a “Close this panel” control, implying a dismissible side panel.

Strategic significance

• The shell unifies spot and derivatives under one mental model (same header + wallet/chain controls), which reduces friction when moving between Simple (pair pages under /en/spot/...) and Pro (routes under /en/trade/pro/...).
• The consistent “Connect” + “BNB Chain” placement makes the product depend on fast chain/wallet context switching—critical for a multichain DEX claim, even though only BNB Chain is visible in these pages.

Pages covered: /en, /en/spot/CDLUSD1, and the pair-scoped tabs /en/spot/CDLUSD1/trade, /swap.

What it does

• Implements a spot market screen for CDL/USD1 with standard exchange primitives: price header, chart, order book, recent trades, market depth, and an “Info” section.
• Provides a two-sided execution panel (Buy / Sell) with an Amount input (and on some views a visible Price field/label).

Concrete data points shown

• Pair header: “CDL/USD1” with market type “Spot”.
• Example live stats:
  • Last around 0.00349–0.00353 on /en and /en/spot/CDLUSD1.
  • 24h High 0.00383 / 0.00412; 24h Low 0.00345 / 0.00333.
  • 24h Volume (USD1) shown as 35,075.87, 32,608.09, 33,601.75 (varies by snapshot).

UI elements that reveal functionality

• Tabs/sections: Chart, Order book, Trades, Depth, Info.
• Trade inputs: Amount and very small tick/step hints near the form (e.g., “0.00001” appears near the action area).
• Pair search: Search field is visible on the spot pages.

Strategic significance

• This module is the “default” conversion surface: it combines discovery (search + stats) with execution (buy/sell) without forcing users into Pro routing, which is important for onboarding and retail flow.

Page covered: /en/trade/pro/spot/CDLUSD1.

What it does

• Exposes spot trading under a dedicated Pro namespace while retaining the same core widgets (chart/order book/trades/depth/info) and the global “Announcements” panel.
• Likely intended for power users who want consistent routing across spot and futures (both live under /en/trade/pro/).

Concrete data points shown

• Pair header: “CDL/USD1”, market type “Spot”, last around 0.00352 with -4.09%.
• 24h High 0.00412, 24h Low 0.00333, and 24h Volume (USD1) 33,601.75.

UI + interaction details

• Search field is explicitly present here, matching a “pro” expectation of quick instrument switching.
• Same market structure: Chart, Order book, Trades, Depth, Info.
• Execution panel remains Buy / Sell with Amount input; “0.00001” appears as a precision/tick hint.

Strategic significance

• Separating “Pro” routes makes it easier to add advanced features (hotkeys, conditional orders, multiple panes) without complicating the Simple pair pages.
• It also normalizes URL patterns so that users can switch products by changing only the instrument segment (e.g., /pro/spot/ ↔ /pro/futures/), which is a common design in exchange UIs.

Page covered: /en/trade/pro/futures/BTCUSDT.

What it does

• Implements a perpetual futures trading screen for BTCUSDT Perp with derivatives-specific market telemetry.
• Provides order entry using Price and Size fields, indicating a derivatives order ticket distinct from spot’s “Amount”.

Concrete data points shown

• Instrument: “BTCUSDT” with label “Perp”.
• Example quotes/metrics:
  • Last around 70,669.7–70,669.8.
  • Mark 70,688.4; Index 70,717.1.
  • Funding/Countdown displayed as 0.0028 (with a countdown context).
  • 24h volume USDT 1,114,577,493.23.
  • Open Interest 762,869,758.10.

UI elements that reveal functionality

• Inputs: Price, Size; plus Search for instruments.
• A “Shield” control is visible near the header region, suggesting a risk/insurance, protection mode, or safety toggle.
• A “Close this” button appears (likely closing a panel similar to announcements/side widgets).

Strategic significance

• Perps are the volume driver for many DEXs; exposing Mark/Index + funding directly in the header reduces ambiguity and helps users reason about basis and liquidation risk.
• The explicit OI and 24h volume figures position the product as liquidity-forward and suitable for large traders.

Pages covered: /en/spot/CDLUSD1/liquidity, /en/spot/CDLUSD1/pool.

What it does

• Adds pair-scoped liquidity endpoints under the spot market route, indicating the product supports liquidity provisioning concepts alongside trading.
• The /liquidity view exposes a price/amount/total table layout, consistent with configuring liquidity ranges or quoting inventory at specific prices (implementation may be AMM- or orderbook-adjacent).

Visible UI + data

• The market header remains present: “CDL/USD1” with last around 0.00366–0.00367, and 24h Volume (USD1) around 38.7K.
• /en/spot/CDLUSD1/liquidity shows explicit table columns:
  • Price (USD1), Amount (CDL), Total (USD1), and a visible “0” state (suggesting empty positions/orders when disconnected).
• The execution-like panel still shows Buy / Sell and an Amount input, which implies liquidity actions may reuse trade form components.

Interactive elements

• Close this panel is present, consistent with collapsible side panes.
• Global actions (chain, wallet, language, settings) remain available.

Strategic significance

• Co-locating liquidity with a trading pair reduces context switching: users can trade, then directly add liquidity or inspect pool state for the same market.
• The empty/default states hint that wallet connection gates position data; this is important for non-custodial UX where balances/positions are fetched on-demand.

Pages covered: /en/spot/CDLUSD1/earn, /en/spot/CDLUSD1/farm, /en/spot/CDLUSD1/stake.

What it does

• Provides multiple yield-related entry points attached to a specific spot pair (CDL/USD1). Even though detailed APR/TVL isn’t visible in the captured view, the route design implies separate strategies:
  • Earn: passive yield or lending-like product tied to the token/pair.
  • Farm: incentives for LP or liquidity actions.
  • Stake: single-asset or vault-style staking.

Concrete UI observations

• These pages retain the trading scaffold (market header + tabs: Chart, Order book, Trades, Depth, Info) and show a Min Trade Amount 0.01 hint on /earn, which looks like a validation constraint surfaced near the form.
• Forms keep an Amount field; /farm and /stake show Buy / Sell framing and a Price label near the input cluster, suggesting component reuse rather than a dedicated staking form.

Data points shown

• Market stats on these pages show last around 0.00366–0.00367, 24h High 0.00379, 24h Low 0.00363, 24h Volume (USD1) 38.73K.

Strategic significance

• Routing yield under the same pair namespace keeps users inside the market context, which can improve conversion from trading to TVL-building features.
• The current UI suggests some yield pages may still be under active integration (trade widgets appearing on stake/farm), but the navigation structure is already in place.

Page covered: /en/spot/CDLUSD1/portfolio.

What it does

• Appears intended to show wallet-linked holdings and orders for a given market, with an order ticket that supports multiple order types.

Visible UI + interaction details

• The header renders as “/undefined” and volume label shows “24h Volume (undefined)”, indicating a state/route param bug or missing symbol context in this view.
• The order ticket reveals a richer set of execution modes than the Simple spot view:
  • Buttons/tabs: Market, Limit, Stop Limit, and Stop Market.
  • A “Toggle order type menu” control suggests expandable advanced options.
  • “Post Only” is visible, indicating maker-only constraints.
  • “Avbl” label implies an available balance line tied to wallet connection.

Form fields

• Amount remains the primary visible input in this snapshot; price/trigger fields may appear depending on selected order type.

Strategic significance

• Adding stop orders and post-only is key for making the spot product usable for active traders (risk control + fee optimization).
• The undefined rendering is important to fix: portfolio/order screens are where users validate trust. If symbol context fails here, it undermines the otherwise consistent routing across spot/yield tabs.