Trading Interface
The GoDark web application at app.godark-dex.com is the primary interface for placing and managing trades. This page describes the trading UI — layout modes, order entry panels, and market data views. For programmatic access, see Programmatic Access.
Layout Modes
On desktop, you can choose from three resizable layouts. Your selection is saved in the browser and restored on your next visit. Balanced is the default.
| Layout | What you see |
|---|---|
| Basic | Chart and working orders in the main area; a simplified order panel on the right. No reference order book or trades. |
| Balanced | Order entry and account metrics on the left; reference order book or trades beside the chart; working orders below. |
| Pro | Chart with reference order book and trades visible at the same time; order panel and account metrics on the right; working orders below. |
To change layout, use the Layout control in the header. Each option shows a small preview of the panel arrangement. Layout modes are available on desktop only — see Responsive Layouts for mobile and tablet.
Order Entry Panels
Layout choice controls where panels appear, not which features are available. Two order panels are used:
| Panel | Used in | Order types |
|---|---|---|
| Simple | Basic layout; mobile and tablet | Swap, Market, Limit |
| Full | Balanced and Pro layouts | Market, Limit |
Simple Order Panel
- Leverage: 1×–10× via slider and numeric input
- Take profit / stop loss: Optional price inputs
- Time in force: GTC, IOC, FOK
Full Order Panel
- Leverage: 1×–10× via a leverage dialog (slider and numeric input)
- Take profit / stop loss: Price and gain/loss fields in $ or %
- Time in force: GTC, IOC, FOK, and GTD (UTC date/time picker)
- Execution attributes: All/None and Min Fill
- Peg orders: Shown in the menu but not yet available in the web UI
All desktop layouts include a Working orders table with real-time fill updates below the chart.
Chart and Reference Data
| Component | Source |
|---|---|
| Price chart | TradingView Advanced Chart, fed by Pyth oracle data. Indicators such as MA, EMA, Bollinger Bands, RSI, MACD, and VWAP are available through the chart widget. |
| Reference order book | Aggregated depth from Hyperliquid and Binance. You can choose which venues to display. |
| Reference trades | Recent trades from Hyperliquid and Binance. You can choose which venues to display. |
| Mark / oracle price | Pyth (primary) and Switchboard (failover), selectable in the order panel |
Reference order book and trades show activity from other venues for comparison. They do not represent GoDark's internal order book.
Margin Health
The web UI displays a margin health bar and tier banners that mirror the sequencer's six-band margin ladder (Healthy through T3). Colors and thresholds match the backend liquidation monitor. See Margin & Liquidation for tier definitions and what happens at each level.
Responsive Layouts
On mobile and tablet, layout modes are not used. The interface switches to tabs and always uses the simple order panel.
| Viewport | Navigation | Order panel |
|---|---|---|
| Mobile | Trade, Chart, Order book, Account, Positions | Simple |
| Tablet | Chart and working orders on the left; order panel on the right | Simple |
On mobile, the Order book tab switches between reference order book and reference trades.
See Also
- Order Types — market, limit, and peg order semantics
- Time in Force — GTC, GTT, IOC, and FOK (the web UI labels timed expiry as GTD)
- Execution Attributes — All/None and minimum fill size
- Pegged Orders — peg order support via the API
- Margin & Liquidation — margin health tiers and liquidation ladder