> For the complete documentation index, see [llms.txt](https://docs.trendle.fi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trendle.fi/trendle-ux-tutorial.md).

# Trendle UX Tutorial

> What you’re trading: each card is a trend with a live Attention Index (DoA). Numbers update every minute from public social data. No AI/ML, just transparent math (normalize → deseasonalize → time-decay → smooth).

### <mark style="color:$primary;">Quick Start (TL;DR)</mark>

1. Open Trendle → pick a topic card.
2. If needed, Add funds (USDC on Base).
3. Choose Up/Down, set Boost, Deposit.
4. Watch DoA on the chart; manage from Open Positions.
5. Use Pulse to see content driving the moves.

### <mark style="color:$primary;">Home: Browse & Compare Trends</mark>

<figure><img src="/files/ljgWKt1L0ejwTOyvJtwF" alt=""><figcaption></figcaption></figure>

* Grid of trend cards. Each card shows:
  * DoA value (Dollar of Attention) — the live attention level for that topic.
  * Δ% — percentage change over the selected period on that card’s sparkline.
  * Vol — recent trading volume for that market.
* Search bar *(top)*. Type a keyword *(e.g., “elon”, “drake”, “ai”)* to jump straight to a topic. Autocomplete suggests live markets.

{% hint style="info" %}
The DoA scale is comparable across topics. If “Taylor Swift = 135.6” and “Bitcoin = 57.9,” Taylor currently commands \~2.3× more measurable attention than Bitcoin.
{% endhint %}

### <mark style="color:$primary;">Market Page: Read the Trend, Take a Side</mark>

<figure><img src="/files/OvroZqwP0Xj8E1PbeCOm" alt=""><figcaption></figcaption></figure>

When you click a card *(e.g., Elon Musk)*, you land on a split layout:

Left: Price (DoA) Chart

* Timeframe toggles: `1H`, `4H`, `1D`, `1W`, `1M`, `All`.
* Y-axis: DoA level. Sharp up = attention surge; sharp down = attention fade.

Right: Trade Ticket

* Up / Down tabs. Choose the direction you think DoA will move.
* Balance & Add. Shows your wallet balance; “Add” opens the Add funds modal.
* Boost (x1…x5). Multiplies the exposure of your P/L to DoA moves.
* Deposit button. Confirms the position once you’ve set direction + boost.

Glossary (quick):

* DoA: Dollar of Attention (index level).
* Δ%: percent change of DoA over the selected window.
* Boost: leverage-like multiplier for your P/L.<br>

### <mark style="color:$primary;">Funding the Wallet (USDC on Monad)</mark>

Trendle beta uses USDC on Monad.

Add funds

* Click Add funds → you’ll see a QR code + your address.
* Send USDC (Base network) to that address. Once confirmed, your balance updates.

Withdraw

* Click Withdraw to open the form:
  * Paste a Base address to receive funds.
  * Enter an amount or tap MAX.
  * Submit to withdraw USDC back to your wallet.

{% hint style="warning" %}
**Note:** If you send tokens from the wrong network, they won’t appear. Ensure Base.
{% endhint %}

### <mark style="color:$primary;">Placing Your First Position</mark>

1. Open a market (e.g., Elon Musk).
2. Decide Up (attention will rise) or Down (attention will fall).
3. Choose Boost (`x1`–`x5`). Higher = bigger swings (both profit and loss).
4. Click Deposit to open the confirmation and submit the transaction.
5. Your position appears under Open Positions on the Portfolio screen.

P/L logic (intuition): If DoA goes your way after entry, your position value increases. If it goes against you, it decreases. Boost scales both.

### <mark style="color:$primary;">Portfolio: Open Positions & History</mark>

* Open Positions: Live P/L, entry DoA, direction, and boost per position.
* Positions History: Closed positions with realized P/L and timestamps.

{% hint style="info" %}
If you don’t see a position right after placing it, wait a few seconds for chain confirmation and refresh.
{% endhint %}

### <mark style="color:$primary;">Pulse: Real-Time Context Feed</mark>

Under the chart you’ll find Pulse, a running stream that surfaces:

* Tweets, YouTube videos, and Reddit posts related to the topic.
* Recent market actions (e.g., large opens/closes).\
  Pulse helps you connect content → attention moves without leaving the app.