EXTENDED UI

Miscellaneous

Small helpers that make the whole admin feel finished.
THEME
01

Clipboard & sharing

Copy, links, QR
Copy to clipboardbutton · ✓ · toast
GALLERY LINK
https://avava.studio/g/spring27-selects
IBAN
DE89 3704 0044 0532 0130 00
INVOICE ID
AV-2026-042
Share a client linkcopy · QR · share
●avava.studio/g/spring27-selects
Link expires
02

Text & numbers

Count-up, relative time, truncation, formatting
Count-upon first view · reduced-motion safe
REVENUE€38,600+12 % vs Sep
FRAMES1,240Spring 27
ON TIME98 %last 20 projects
Relative timeupdates live · exact on hover
Lena commented on Hero 04
Ana uploaded 12 selects
Jonas moved Post-production
NTNordic Thread paid AV-2026-042
Truncateline clamp · middle ellipsis

Calm, honest, lots of daylight. We want Spring 27 to feel like a cold morning walk along the Baltic — not a fashion shoot. Natural textures, wind in the fabric, real footsteps in wet sand. Keep retouching light: skin stays skin, jackets keep their creases, and the sea is allowed to be grey.

FILE NAMES · MIDDLE ELLIPSISSpring27_Nordic_He…touched_web.jpg4.2 MBBTS_film_master_Pr…_2026-11-12.mov18.6 GBAV-2026-042_Nordic…g27_balance.pdf248 KB
FormattersIntl · locale-aware
CURRENCY€38,600.50style: currency
COMPACT38.6knotation: compact
PERCENT38.6%of €100k goal
FILE SIZE37.7 MBnum × 1 KB
DATE17 Oct 2026, 10:42dateStyle: medium
PHONE+44 20 7946 0958libphonenumber
03

Feedback

Async buttons, offline, page progress
Async buttonidle → saving → saved / error
Saves the brief to the project
Offline indicatorqueue · sync on reconnect
Page progress bartrickle → complete
avava.studio/dashboard
Dashboard
04

Utilities

Back to top, shortcuts, read more, proof protection
Back to topappears after 160 px
Frame 0004 · SelectsFrame 0017 · FinalsFrame 0030 · RawFrame 0043 · SelectsFrame 0056 · FinalsFrame 0069 · RawFrame 0082 · SelectsFrame 0095 · FinalsFrame 0108 · RawFrame 0121 · SelectsFrame 0134 · FinalsFrame 0147 · RawFrame 0160 · SelectsFrame 0173 · FinalsFrame 0186 · RawFrame 0199 · SelectsFrame 0212 · FinalsFrame 0225 · Raw
Keyboard shortcutspress ? anywhere
A cheat sheet that opens with “?” and closes with Esc.
⌘KSearchG PProjectsN INew invoice
Read moresmooth height · fade
Release notes · v1.2NEWClient portal for every projectNEWStar ratings while cullingNEWFullscreen timeline viewCHANGEFaster gallery uploads (up to 3×)CHANGEInvoices remember your last VAT rateFIXDiscounts now apply before taxFIXTime zones in call sheetsFIXDrag & drop on Safari 18
Proof protectionwatermark · blur · clean
AVAVA · PROOF · AVAVA
Hero 04
AVAVA · PROOF · AVAVA
Hero 07
AVAVA · PROOF · AVAVA
Hero 12
AVAVA · PROOF · AVAVA
Hero 15
Watermarked proofs · right-click disabled
05

Rules & a11y

Checklist and Do / Don’t
Checklist
✓Announce, don’t interruptcopy / save / sync results go to aria-live="polite"
✓Respect reduced motioncount-up, scroll and progress jump instantly
✓Exact time on hover<time datetime> + title on relative times
✓Locale-aware formatsIntl for money, numbers and dates — never hand-built
✓Shortcuts never fire while typingignore keys inside inputs and textareas
✓Visible state on async buttonsdisabled while working, clear error with retry
DO✓Confirm copies with ✓ and a short toast✓Show the full value on hover when truncating✓Queue edits offline and sync later✓Keep watermarks subtle but present
DON’T✕Animate numbers on every re-render✕Hide errors behind a spinner✕Make “?” the only way to learn shortcuts✕Rely on right-click blocking as security