tailthemes previews

tokens

Primary

Accent

Info

Positive

Warning

Critical

Muted

Selection

ui

Buttons, status, fields, progress, waveform, chrome, layout

ui/button

Controls

variant primary

The one action a screen is for.

variant secondary

Everything beside it that is still an action.

variant ghost

A control that must not compete with the row it sits in.

pending

Busy, disabled against a second press, and the label swaps in place.

disabled

Not now: a change you can make turns it back on.

unavailable

Add titleNot wired

Not built. A labelled non-control, never a disabled button.

icon

A fixed 44px target named for assistive technology.

ui/panel

Status

Ready

Review

Failed

Linked

Draft

Five tones, and never colour alone: every pill carries a dot and a word.

ui/fields

Field states

labelled

Review name

Shown to invited reviewers

valid

Reviewer email

Address accepted

invalid

Source URLRequired

Enter a YouTube or Vimeo URL

read-only

Asset ID

Read-only source reference

disabled

Reviewer role

Managed by your studio owner

focus (forced)

Search library

The ring is instant and never transitions

textarea

Reviewer note

One sentence appears above the player

checkbox and switch

Allow downloadsReviewers can download the proxyRequire approvalClose review after approval

ui/progress

Determinate progress

variant primary

The role, the three value attributes and the fill width read one number.

variant quiet

A measure nobody is being asked to act on stays in the neutral ramp.

ui/audio-waveform

Content figure

Night passage mix specimen

08:24 / 18:42

00:0004:4009:2114:0118:42

02:14 Hold wide shot
06:42 Music cue resolved
11:08 Alternate road plate

Geometry from decoded peaks, colour from tokens, and every marker repeated as text under the figure.

ui/mode-toggle · ui/mobile-nav

Chrome controls

mode toggle

The name says what the press will do; aria-pressed says what the page already is.

navigation drawer

Non-modal: Escape and an outside press dismiss it, and the page never stops scrolling.

ui/dashboard-layout

Three geometries

sidebar

Labels beside every icon. The default, and the one a new operator reads fastest.

rail

80px of icons, for an editor who knows the eight routes by shape.

topbar

The whole width for the work, with navigation on one line above it.

Layout primitive

One shell, three modes

Slots keep navigation and product controls separate from layout geometry. The choice is a pressed button with a real label and it persists under cutroom-layout.

data-layout=sidebar

ui/dialog

Modal dialog: veil, focus trap, scroll lock, focus return

Live behaviour

Escape closes. Focus returns to the control that opened it.
Focus is trapped inside the modal, and only the modal locks scroll.
Reduced motion drops the entrance and keeps the layout.

Dialog surface

ui/confirm-dialog

The destructive question: alertdialog, consequence in the description, safe answer focused

Live behaviour

Nothing answered yet.

The quiet answer takes focus, not the destructive one. The consequence is the surface’s description, so it is heard on arrival rather than read off a band.

Confirmation surface

ui/popover

Anchored, non-modal, flipped when the side has no room

Live behaviour

Escape closes it, an outside press closes it, and Tab leaving the card closes it. The page keeps scrolling throughout.

Popover surface

ui/dropdown-menu

role=menu, roving focus, and a locked row that keeps its reason

Live behaviour

Arrow keys move between items. Escape closes and returns focus.

Menu surface

align start

The card's left edge meets the trigger's.

align end

The right edges meet instead, and the drop opens from that corner.

ui/tooltip

Hover after 80ms, focus instantly, Escape dismisses

Live behaviour

The hint is a description, never the name: every control it decorates keeps its own label, and no control depends on it, because there is no touch path.

Tooltip surface

ui/tabs

Roving tabindex, arrow keys, Home and End

Timecoded comments from the shared player, newest last.

Tab enters the list once, then arrows move. Home and End jump to the ends.

Rendition and release checks for the selected version.

A disabled tab says so in a word and loses its turn: the arrows skip it exactly as Tab does.

Picture checks for AF-104, final cut 07.

The list scrolls sideways and the arrows still reach every tab.

ui/command-palette

⌘K over routes and media

Live behaviour

Opens on click, on Enter or Space, and on ⌘K anywhere in the workspace. It is a modal layer, so focus is trapped and the page behind it stops scrolling.

Palette surface

No match

ui/toast

Four tones, each with a word and an icon

Tones

DoneReview link copied

The preview link is held in this browser only.

NoteBilling preview only

Connect a payment provider to open the real portal.

CheckDestination checks are stale

Refresh them before queueing a delivery.

FailedPackage checksum interrupted

Retry the archive handoff.

Each tone carries a word and an icon, so the state survives a greyscale print and a colour-vision difference.

Live queue

Three at a time, dismissible, and gone after six seconds. Critical messages interrupt a screen reader; the rest wait their turn. Under reduced motion the card arrives and leaves without the rise.

A long message, at the region’s real width

CheckTerritory review is still open on three destinations

Rights sign-off for EMEA, LATAM and APAC is advisory: the owner can queue the delivery anyway, and the check stays on the release until it clears.

Nothing truncates. The card grows and the queue below it moves down.

ui/date-picker

A month grid you can pick from, computed in UTC

Live behaviour

Release day

Selected: October 18, 2026

Arrows move a day, Up and Down a week, Page keys a month, Home and End the week’s ends. Enter picks.

Calendar surface

October 2026

Nothing chosen yet

October 2026

No day carries the selection ground, and the trigger reads “Pick a date”.

Before the release day

October 2026

Days before October 12 are disabled, not merely grey: an arrow key will not walk onto one.

Refused by the form

Review closes

Pick a day on or after the release day

ui/data-table

Sort, filter, paginate, with a live result count

18,600 plays

Where the plays came from

12 of 12 regions

Plays by region, sortable by region name or play count
	Market
United States	Domestic	5,766	31.0%
United Kingdom	Europe	3,348	18.0%
Canada	Americas	2,232	12.0%
Germany	Europe	1,674	9.0%
Australia	Asia-Pacific	1,302	7.0%
France	Europe	1,116	6.0%

Loading

Where the plays came from

Enter or Space on a column head sorts it; the arrow and aria-sort both come from state, and a column with no comparator carries neither. Filtering keeps the query, and a filter that matched nothing renders differently from a table that is genuinely empty.

ui/search-input

One filter field, four conditions, and the count line that answers it

rest

12 of 12 media

Nothing typed. The count line still answers, because a reader arriving at a filtered view needs to know it is not filtered.

filled

1 of 12 media

A query that found something. Typing here really narrows the count.

no result

No media matches that search

The query stays in the field. A search that clears itself has taken the reader’s work away as well as their answer; the reset lives in the pane below the field, not inside it.

disabled

0 archived media

Not now, and the placeholder says what would change it.

ui/sort-head

One head row in its three conditions: carrying the order, offering to, and unable to

	Version

aria-sort is on the sorted column and nowhere else — never none, which is an attribute on every column carrying information about none of them. Version has no comparator, so it draws no control and makes no offer.

ui/pagination

A strip long enough to elide, and the end where a control is really unavailable

mid-collection

first page

First, last, and one either side of where you are; the run between them elides rather than growing. The range sentence is a live region, so a reset after a filter is heard and not only seen.

ui/field

The shell around a control: the label, and the one line that carries the verdict

rest

Review name

Shown to invited reviewers

Access

Who can open the review link

Reviewer note Optional

One sentence appears above the player

invalid

Source URL

Enter a YouTube or Vimeo URL

Rendition

Pick a rendition before queueing

Delivery note

A note is required when a check is overridden

valid

Reviewer email

Address accepted

Access

Invited reviewers only

Reviewer note

Saved to this preview

read-only

Asset ID

Set by the ingest, and not editable here.

Read-only source reference

Territory

Set by the rights record, and not editable here.

Read-only rights reference

Ingest log

Written by the ingest, and not editable here.

Ingested 12 Oct, 04:11. Source master, 18:42.

Read-only ingest note

disabled

Archive path

Opens with the first archived master

Reviewer role

Managed by your studio owner

Owner note

Only the studio owner writes here

One line at a time, in one order: what went wrong, then what was accepted, then what the field wants. A field that said two of those at once would be asking the reader to decide which one is true.

ui/skeleton

Pending placeholders with a spoken label

Pending panel

Loading the selected range

Pending rows

Placeholders are hidden from assistive technology. The pending state is announced once, in words.

Settled

Plays across twelve markets, 18.6k for the window ending Oct 18.

The same region once the range has answered: same card, same edge, same padding, and the wait has stopped speaking.

shape line

Fully round, for anything that stands in for text.

shape block

The 12px inner radius, for a frame, a chart or a poster.

app-shell

Sidebar, header row and page framing, bounded

Cutroombeta

Workspace

NP

Northline Pictures

Studio plan

1.8 TB of 3 TB used

AfterlightS01

All systems readyAdd media

Northline Pictures

One shell, every route

Navigation, the series link, the system line, the mode control and the one filled action sit in the shell; a route brings its title, its lede and its work.

Cutroom frontend previewView components

form-showcase

Sequence defaults

Review settings

Preview data

Control states

Validation and access

Source URLRequired

Enter a YouTube or Vimeo URL

Reviewer email

Address accepted

Asset ID

Read-only source reference

Reviewer role

Managed by your studio owner

chart-showcase

Area chart

Weekly watch time

On target

34,660 min

Seven-day total

Watch minutes

Bar chart

Completion by title

Completion rate68% to 92%

Line chart

Cut retention

Current cutPrevious cut

Donut chart

Traffic source mix

Direct38%

YouTube27%

Newsletter21%

Vimeo14%

Composed chart

Delivery performance

16.1k plays

Week six delivery

Plays, thousandsCompletion rate

Data states

Loading, empty, and error

No plays yet

Publish a review link to collect data

Analytics unavailable

Retry the reporting feed

distribution-workspace

Local preview only

Queue, retry, cancel, and refresh actions stay in React state. Connect your delivery backend to publish files.

Delivery overview

Rendition readiness

2 ready

1 release check blocking queue

Active deliveries1 destination

Needs review

1

Warning override available

Blocked

2

Failed or unchecked requirement

Stale checks

1

Older than 24 hours

Selected release

Version reel

E04 · 18:42

Connected outlets

Destinations

Selected destination

Screening room

Ready

Package

4K review package

Last checked

Aug 16, 09:24 UTC

Queue unavailable

Final mix in review: Resolve the final mix review before queueing a new delivery
Already queued for this destination and version

Rendition requirements

Destination matrix

Scroll to compare every target

Picture, audio, caption, artwork, and metadata checks for the selected release version
Destination	Picture	Audio	Captions	Artwork	Metadata	Last check
Screening room4K review package	PassUHD · ProRes 422 HQ	Pass5.1 + stereo	PassEnglish SDH	Pass16:9 + 2:3	Pass18 fields complete	Aug 16, 09:24 UTCCurrent
Archive transferPreservation master	PassUHD · ProRes 422 HQ	Pass5.1, stereo, M&E	PassEnglish SDH + French	PassKey art source	PassArchive manifest ready	Aug 16, 08:56 UTCCurrent
Partner OTTUHD episodic package	PassUHD · 23.976 fps	WarningStereo loudness is −22 LUFS; target is −24 LUFS	PassEnglish SDH, French, German (Deutsch)	Pass16:9, 2:3, 1:1	Pass22 fields complete	Aug 14, 09:02 UTCStale check
Festival portalDCP submission	PassUHD source accepted	Pass5.1 theatrical	FailFrench forced-narrative file is missing	PassFestival stills accepted	Not checkedCheck expired after 24 hours	Aug 14, 07:40 UTCExpired
Broadcast exchangeRegional broadcast master	Not checkedReconnect to inspect picture requirements	Not checkedReconnect to inspect audio requirements	Not checkedReconnect to inspect caption requirements	Not checkedReconnect to inspect artwork requirements	Not checkedReconnect to inspect metadata requirements	No check availableUnavailable

Release checks

Checklist

Captions readyEnglish captions are approved for the final cutComplete
Poster crop readyAfterlight portrait artwork is attachedComplete
Final mix in reviewBlocks queueResolve the final mix review before queueing a new delivery
Release date setOct 18Complete
Territory terms need owner reviewAdvisoryOwner review does not block this local queue previewOwner only

Simulated handoff

Delivery queue

3 local

Screening room

Processing

DEL-2048 · AF-104-V7 · Aug 16, 09:32 UTC

Building the local review package

Attempt history

Aug 16, 09:32 UTCProcessingBuilding the local review package

Package progress64%

Archive transfer

Failed

DEL-2047 · AF-104-V7 · Aug 14, 07:44 UTC

Package checksum interrupted before the archive handoff

Retry blocked: Final mix in review: Resolve the final mix review before queueing a new delivery

Attempt history

Aug 14, 07:44 UTCFailedPackage checksum interrupted before the archive handoff

Partner OTT

Delivered

DEL-2046 · AF-104-V7 · Aug 13, 18:20 UTC

Local delivery preview completed

Attempt history

Aug 13, 18:20 UTCDeliveredLocal delivery preview completed

Showing fixture checks for Final cut 07

Simulated handoff

Empty delivery queue

No local deliveries queued

Choose a ready destination to create the first local queue receipt.

Permission state

Reviewer distribution access

Reviewer access

Publish access is none. An owner or producer queues deliveries.

overview

Vintage coupe on a rain-dark mountain road

Live now18:42

Audience now

1,284

Night passage is finding its audience

Viewer activity rose after the second scene. Review notes remain open on the final cut.

Open live player

Watch time

612 h

+12% this week

Completion

68%

+4 points

Open reviews

7

2 need replies

Shared seats

12

9 active today

Current season

Afterlight filmstrip

View all