A perps trading terminal mockup for videos and thumbnails

First, the line you don’t cross

A thumbnail travels without its video. It sits in search results and gets screenshotted and reposted with no context, so it should show the terminal — a chart with levels on it — and never a clean crop of the share card, which is the image people post as a result. The share card belongs inside a video, with the video plainly a video. Mockups for explainers, commentary, cutaways and design work are what this is for; a screen passed off as someone’s real trade is not, whoever made it. Our acceptable use policy covers the rest.

What makes a screen read as perps

Spot and perpetual futures screens share candles and an order book. What only a perps screen has is leverage and its consequences, and the futures terminal — an original design in the Hyperliquid style, with no Hyperliquid name, logo or artwork — carries all of it:

• ENTRY and LIQ across the chart. The position’s entry as a solid line in your accent colour and its liquidation price as a dashed red one, each tagged on the price axis. This is what a perps chart is recognised by; without it, a chart is just a price chart.
• Leverage everywhere. LONG 20x and SHORT 5x badges on the positions, the leverage under the pair name in the header, and each market’s own leverage and side on the Markets screen — “20x · Long” under BTC-USDC by default.
• The naming. Positions read BTC-PERP; the header reads BTC-USDC.
• Mark and liquidation prices on every position card, beside size, position value, entry, margin, funding and the day’s move.
• Funding, with a rate per 8 hours, a countdown, open interest and an oracle price on a tab of their own.
• An equity strip — Equity, uPnL and Margin — under the Buy / Long and Sell / Short buttons.

For an explainer, match the element to the sentence: the LIQ line when the voiceover says liquidation, the Funding tab when it says funding, rather than the whole screen every time.

Choose the panel for the job

The panel above the buttons switches between four views.

• Chart — 42 candles over volume, on 5m, 1h or D, under a legend giving the last bar’s open, high, low and close. For price action, and anything about entries and liquidations.
• Order Book — six levels either side of the mark, with depth bars and a bid/ask split along the bottom. For liquidity, spreads and walls.
• Trades — eleven recent prints clustered around the mark, buys in green and sells in red. For the tape.
• Funding — Funding rate (8h), Countdown, Open interest, Mark price and Oracle price. For funding and basis.

Know which parts are still. The Trades tape doesn’t stream and its timestamps are fixed; the Countdown shows the text you typed into Funding countdown and never ticks; and Indicators, beside the intervals, is a label rather than a menu. In a thumbnail none of that matters. In a ten-second cutaway, keep the countdown out of a long hold.

Shape the chart to the story

The candles are generated from two things you set: the Price trend, which is the slow shape of the move, and the mark price, which the last candle always closes on. Draw the trend first — the editor offers trend up and randomize, and the bars can be dragged, with a mouse or a finger, for anything else — then choose the interval. The same trend travels far further on D than on 1h, and further on 1h than on 5m, so a gentle climb on 5m becomes a run-up on D.

Nothing is random. The same values draw the same candles every time, which matters for a series of thumbnails: with Live prices off, change nothing and the next export is identical. With them on, the mark follows the market, so the candles keep their shape but the prices and the PnL move between exports. Each market draws its own candles from the same trend, so switching from BTC to ETH on the Markets screen doesn’t show the same chart twice.

Keep the levels on the pane

ENTRY and LIQ only draw for an open position, and only when they sit close enough to the candles to share a scale with them. Push the entry far from the market and the chart lets the levels fall off rather than squash the candles into a line, which is what a real terminal does, and which leaves you a plain price chart.

How far is too far depends on the interval. In the figure’s setup, the levels draw anywhere from about 52,000 to 88,000 on 1h, but only from about 64,400 to 77,300 on 5m. A 10x long from 71,400 liquidates at 64,260, so its LIQ line is on the 1h chart and gone from the 5m one. If the thumbnail needs both lines, check them on the interval you’ll export.

Colour at thumbnail size

Accent colours the ENTRY line, the leverage under the pair name, the active tab and the Connect pill; Background colours the whole screen. The candles are always green and red, and LIQ is always red. So the accent has one job when the screen is shrunk into a thumbnail: stay distinct from all three. The default sky blue does. A green accent loses the ENTRY line among the up candles, and a red one makes ENTRY and LIQ look like the same kind of line.

Getting the screen out

Export a PNG from the editor

Export PNG (3x), under the publish button, saves the preview screen at three times its size: the app alone, without the phone frame, so you can set it at your own angle in a thumbnail or an explainer. On the free plan the export carries the SIMULATED · POZER.COM mark, as the app does. The preview isn’t frozen. The Chart, Order Book, Trades and Funding tabs, the intervals, the account tabs and the tab bar’s Markets and Account screens all work in it, so set the view first and then export. What it won’t do is switch markets: tapping one on the Markets screen reframes the terminal only in the published app. In the editor the terminal frames your first open position, so make the market you want the first row with a size.

Record the screen

For a cutaway with movement — a tap on 1h, a scroll through the positions, the order sheet sliding up — screen-record the installed app. It keeps its owner’s Edit button out of sight — the button shows once, with a hint, the first time the app opens, and after that only when two fingers are held still on the screen — so the recording stays clean. A browser tab shows the button, so don’t record from one.

Photograph the phone

When the thumbnail needs a hand or a desk in it, shoot the phone itself. The film prop guide covers screen flicker, the status bar and the details that show up in a close-up.

A portrait screen in a landscape thumbnail

The screen is tall and the thumbnail is wide, so crop rather than shrink. The band from the pair name to the bottom of the chart — price, change, ENTRY, LIQ and the candles — is the widest and most legible part of the app, and it holds up at thumbnail size. The figures on the position cards are small type and won’t survive the shrink. If a number carries the thumbnail, set it in your own large type, and keep it the number the screen shows.