Use case: ui-mockup. Direction name: Film Contact Sheet. Create ONE realistic, production-quality desktop application UI design, complete focused primary screen at 1440 x 1024, sharp flat front view with readable typography. This is an improved Videos library concept for Sweat Assistant by Sweat AI. Actual stills are supplied; all performance numbers are illustrative and the screen must visibly say Concept · sample data.

REFERENCE ROLES: image 1 is the existing Sweat Assistant: retain its warm brand and single-window shell while improving visual hierarchy. Image 2 is a Mobbin Loom library example: borrow the principle of recognizable media previews and scannable titles, not Loom branding, purple, rounded cards, account avatars or Mobbin footer. Images 3, 4, 5 are actual finished-film frames. Preserve their subject/art as the three main library previews: Newton & the counterfeiter, The teenage pilot, The country that wasn't there. Do not invent extra films or redesign the films themselves. These are content assets, not dashboard background decoration.

CONCEPT: a beautiful editorial contact sheet for an operator reviewing original short films. The video is the main object, performance stays attached to it. Make imagery unmistakable and titles readable. This direction is image-led, substantially distinct from a chart-first Performance screen, while still using the same Sweat design system. A focused primary screen with one supporting control band, no feature inventory.

DESIGN SYSTEM: light warm paper #faf8f5, charcoal #0f1115, slate #3d4450, accessible muted #686e78, fine #e7e5e0 dividers, white only where separation helps. Nearly square 2px corners; no floating app card, nested cards, blobs, gradients, glass, heavy shadows or purple/blue theme. One restrained orange #ff5a00 primary action with charcoal text. Rubik-like title, IBM Plex Sans-like body, at most 2 fonts. Readable 14–16px body, 28px page title; thoughtfully aligned tabular numbers. Warmth comes from film stills and good spacing, not decorative illustration.

LAYOUT: a compact 208px left sidebar consistent with the existing app. Sweat AI wordmark, Chat, Meetings, Social group with Performance, Videos selected, Spend; bottom Search and Settings. No second inner list column, no long Recent sidebar. In the main pane, top breadcrumb Social, title Videos, subtitle Your finished films, and small top-right Concept · sample data. Current date is Friday October 23, 2026 America/New_York; show publication filter 17–23 Oct 2026. One concise toolbar with search placeholder Search videos, platform filter TikTok · @getsweat, Published filter, Sort: Views at 48h, grid/list icon control. A small line below clarifies Metrics at 48h · selected account · sample data, not mixed lifetime totals. Do not present all-platform retention.

MAIN CONTENT: exactly THREE generous portrait video previews in a balanced three-column contact sheet, around 260–280px wide and 460–490px tall each so the real 9:16 source images retain natural proportions. Do not squash films into landscape banners. Place them on the base paper canvas with light row/group separation rather than boxes inside boxes. Each has a subtle duration badge over the lower corner and a discreet play affordance. Under each preview: full title readable on 1–2 lines, publication date, plain publication status, and a restrained aligned metric line Views at 48h / Avg. watch. Exact titles and mock runtimes: Newton & the counterfeiter 0:52; The teenage pilot 0:48; The country that wasn't there 0:56. Use illustrative metric examples 9.2K / 18.4s, 5.1K / 15.2s, 3.8K / 14.1s respectively. Show only one quiet selected state on the Newton film (thin charcoal outline or wash, not neon). One orange Open video button may accompany that selected film, and no other orange button. All performance values clearly illustrative, not real company outcomes. Bottom understated line Showing 3 sample videos; do not suggest platform deliveries are three separate films. No badges claiming winners, no AI advice, taste score, growth lift, sales conversions, expensive production controls, or additional dashboard charts.

Keep comfortable 32–40px major spacing and precise 16px small spacing, thin dividers, at most a few icons. Avoid clutter, cropped titles, tiny illegible metrics, over-rounding, card stacks, or an empty hero area. Whole image is app content only: no computer/device frame, browser chrome, multiple-screen collage, explanatory labels outside UI, or numbered option text.