Preview — invented data. No real customer, reseller or figure appears anywhere on this site. Every screen is rendered from the shipped components at commit a5c7392df1 (working tree had uncommitted changes). The app shell — sidebar, sign-out, mobile top bar — is not rendered. Alexandria is the real face, inlined from 8f2ca9bed5019488-s.p.1rne3a59172go.woff2 in the local next build.
← all screens

The 9:16 crop

The earnings screen is designed to be screenshotted on a phone and cropped to a story. On a 390 px-wide screen that crop is 390 × 693. Both frames below are the same document at the same width, starting at the top of the screen; the left one is cut to the crop, the right one shows the whole screen with everything the crop throws away dimmed.

What has to survive the cut: the money, the words Earned with Kudaro directly under it, the graph, and the shops-signed / rate caption. What must never be inside it: a business name or a date. Measured in this build, the share card runs 102 px to 378 px and the bracket card under it runs 398 px to 620 px — both clear of the cut.

inside the crop 390 × 693 — what gets posted

Everything a stranger sees in a feed. The figure, the label welded under it, the six bars, and the rate. No shop name, no date.

below the cut the whole screen, everything outside the crop dimmed

693 px — the cut
The dimmed part is the bracket card, the ledger by state, the payment ledger, both notices and the buttons. None of it is in a story crop, which is why the card at the top has to repeat the rate.

Where the frames come from

Both iframes load frames/earnings.html, which is the same render as the full earnings page with the preview notice moved to the end of the document so it cannot intrude on the crop.