Sub page

A step in a path · back on the left

FORMDisplay name12/30HandleHandles can’t contain spaces.BioOptional

SETTINGS

Private account

Show online status

LanguageEnglish

Saved

Note: a sub page is a step in a path, so it carries a back arrow on the left of the top row. A close cross on the right is only for screens opened over something else. No accent colour in the form — crimson appears on the destructive line only.

REFERENCE · THREADS FIELDS

1 · Edit profile: one rounded card, label and value stacked, thin lines between. No input boxes.

NameAnanya Verma (@ananya)

Bio+ Write bio

Link+ Add link

2 · Sign in: filled box, no label above. The grey placeholder is the label. Text is 16px so the phone doesn't zoom in.

Username, phone or email

Password

Threads standard (approx., from the iOS app)

Field label: 15px, semibold, white

Typed value: 15px regular (16px in sign-in boxes)

Placeholder: same size, grey

Sign-in box: 56px tall, 12px corners, filled grey

Profile card: 16px corners, 12px row padding, thin lines

Error: 13px red text under the field; nothing marks required fields

Ours now: label 15px semibold white above, value 15px regular in a box, hint/error 13px under — the Threads standard.

Rule

•No scrollbars anywhere — no vertical bar, no horizontal bar, on any screen.
•Content still scrolls and pages by touch; the bar is simply never drawn.
•Horizontal rows (chips, carousels) clip at the screen edge instead of showing a bar.
•Long glass sheets rise, then stick: the sheet slides up over the header until it meets the back/close row, which never scrolls away; then only the list scrolls inside the sheet. Short lists don't move.
•Hero sheets start at their set height so the photo shows; on scroll the hero text and sheet rise together, the sheet stops right below the hero text, then only the list scrolls inside it.
•Hero pages have a 44px top row for toolbar icons; a back arrow appears there only on barless screens (Circle).
•Back and close: the back arrow (top left) steps back in a path; the close X (top right) dismisses something opened over a screen. A two-step composer shows the X on step 1 and the back arrow on step 2, never both meanings on one control. Every pushed screen carries a section overline (TODAY, SHARE, CREATE, PROFILE, MONEY, SAFETY).
•Crimson appears only on: inline links, errors, destructive text and the destructive confirm fill, count chips at the top right of an icon or pill (white text), the filled liked heart, your own chat bubbles, the selected tab's underline in the bottom nav, the APNAA wordmark ring and dot, and the word "apnaa" on Landing with the Landing loader and Access welcome hairlines as part of the brand mark. Everything else is monochrome: success rings and checks, status labels, unread counts in lists, kickers and non-brand hairlines.
•One shared LiveTag renders every live marker: white LIVE text with a crimson dot.
•Every number, name and date comes from src/fixtures/world.ts through formatCount, rupees and the date helper, never a literal in a caption.
•Copy: sentence case for titles, buttons and chips; Studio Voice is the product-name exception. Dates use Thu 5 Nov and 5 Nov 2026; times are 12-hour; relative times use 2m, 18h and 1d. Use Q&A and Close Friends. No developer words in product copy.
•Tap size: every control has a 44 × 44 tap area (the shared hit utility, an invisible extension). Visual sizes stay as built: primary pill 40, small pills and chips 32.
•Photo and moment grids: 3 columns of 3:4 tiles, 2px gaps (--grid-gap), no radius, flush to the screen edges, also inside trays and pickers. Fan Home and Discover people tiles use 2 columns with the same 3:4 tiles and 2px gaps.
•Message box: a view with a message box never shows the bottom tab bar; a back arrow top left returns to where you came from; the message box has no Smoke and no background and rides the keyboard.
•Field type follows Threads: label 15px semibold white above the field, typed value 15px regular, placeholder the same size in grey, hint or error 13px under the field.
•Yes/no confirmations (sign out, unblock, end live) open as a centred Smoke dialog or a short tray over the screen; the destructive choice is crimson text or the destructive fill with white text, never crimson on white.
•Approval views: Review shows the request the way the fan would see it; Approve confirms before publishing. Both share the same header (close X top right), decision bar and undo window.
•Decision bar: a white Approve pill, full width; Decline as crimson text centred below it. Decline gives a 5 second undo window before it saves.
•Publishing validates: a Moment needs a title, a Circle post or Broadcast needs text, and at least one media item must be kept. Errors sit above the decision bar in crimson.
•The frosted glass pill is used only on full-bleed photo or video (Landing Sign in).
•Landing is full-bleed and carries no footer; every other page ends with the APNAA footer.