GLYPH · Back to workWork cutline Start a projectStart
CUTLINE® / The campaign workspace Product design · 2026

CUTLINE

Good ideas.Great finishes.

A workspace that keeps the creative process moving. From the first brief to the files that actually ship.

The idea workshop: a pink folder-machine on a floating island swallows loose sketches and prints out a wrapped, approved package.
Brand direction/Product UX/Interface/MotionSaaS · Desktop & mobile

One workspace. First idea to final file.

CUTLINE is a shared space for small creative teams: campaign assets, feedback pinned to the work, approvals that belong to a version, and release packs that hold only what is ready. We shaped the brand, the product logic, the desktop and mobile interface, and the motion that gives it attitude.

Scope
Brand direction · Product UX · UI · Prototype · Motion
Deliverables
Desktop & mobile app · Signature motion · 15-second film
The promo film · sound on

Good ideas in. Great finishes out.

Fifteen seconds of kinetic type at full volume: the pile of “final_final” files, the reveal, the call, and a courier skating the approved pack out the door.

01 / The idea

The idea was never the problem.

Great work gets lost between chat threads, scattered files and “final_final” versions. CUTLINE gives a team one place to see what is current, what needs a decision and what is ready to leave.

  • 01 · See

    See the work.

    Visual assets lead. Owners, versions and due dates stay one glance away.

  • 02 · Decide

    Make the call.

    Feedback lives on the artwork. Approval belongs to one specific version.

  • 03 · Ship

    Ship the right files.

    A release holds approved versions only, with a manifest you can trace.

02 / The world of CUTLINE

Big ideas. A world of their own.

The idea workshop
A playful machine built from the tools of creative work. It swallows the messy spark and prints a confidently finished package.
The release courier
A folder on a skateboard. It delivers only what is approved, and it is the one who brings the launch pack home.
The release courier, a pink folder on a skateboard carrying a wrapped stack of approved files.
03 / Campaign workspace

Every asset. One clear picture.

Owners, versions and approval states travel with the work, so nobody has to ask where things stand.

The CUTLINE campaign board for OFFHOURS Drop 04: a pink campaign header, then assets sorted into In production, Needs review and Approved.
  • 18assets in one campaign
  • 06in production
  • 04waiting for a decision
  • 08approved and ready
The details that matter

Small details. Big clarity.

Three interface details: an asset card with owner, format and version; a comment thread locked to v3; and the pink release card with nine approved assets.
  • 01

    Status, owner, version.

    Every asset says who owns it, which version you are looking at and what needs attention.

  • 02

    Approval belongs to a version.

    The notice and the pinned thread keep feedback tied to the exact file in front of you.

  • 03

    A traceable handoff.

    Only approved versions enter the package, with a manifest of versions and owners.

04 / Version-aware review

Less “which file?” More “this is it.”

Pin feedback to the image. Decide on the version in front of you. One primary action per context: approving happens next to “Request changes”, never in two places at once.

The review screen: the Campaign hero portrait at v3 with a pinned comment, and a conversation panel with Request changes and Approve v3.
05 / The handoff

Approved. Packed. Out the door.

Approving Campaign hero v3 lifts the approved count to nine. The pack takes those nine and leaves the nine unfinished files where they belong.

The launch pack screen: a table of approved assets and a pink Good to go card with 09 approved assets and a Build launch pack button.
  • Mobile review: the Campaign hero at v3 with one open thread and an Approve v3 button in the thumb zone.
  • Mobile receipt: the idea workshop, an Approved v3 tag and the line One less thing. One step closer.
06 / In your pocket

Same decision. Smaller screen.

  1. 1

    Decide with your thumb.

    The primary action sits in the reach zone. One tap approves exactly the version on screen.

  2. 2

    Feedback stays pinned.

    Pins and threads follow the image, so context never gets lost between chat apps.

  3. 3

    A receipt, not a toast.

    Approval confirms the version, who approved it, and that it now belongs to the launch pack.

07 / Motion with a job to do

A little attitude. A lot of intent.

Gather, snap, release: the signature interaction approves the last asset, pulls nine files into one package and hands it to the courier.

Three motion beats: Gather on paper, Snap on pink with crop brackets around a photo, Release on lime with the 09 package and the courier.
  • Feedback · 100–220 ms

    Selection responds immediately.

  • Transition · 600 ms

    The same asset keeps its identity.

  • Reduced motion

    Fade between states. Skip the travel.

08 / System

Expressive outside. Precise inside.

The brand gets to be loud on posters and in motion. Inside the product, colour marks state and every action says what it does.

  • Ink#18171A
  • Paper#F5F3EE
  • Cut pink#F2A4CD
  • Signal lime#D7F58C
  • Violet#7838E8
  • Mint#78D8C8

Space Grotesk

Display & product headings · Bold / Medium

Manrope / Clear at every size.

IBM Plex Mono / versions, formats, metadata

One primary action per context
Approve version Request changes + Add asset
Draft Needs review Approved v3 · Latest
  • New version uploaded

    The earlier approval stays in history. The new file goes back to review.

    → Review v4
  • Nothing approved yet

    Keep creating. The launch pack appears as soon as work is approved.

    → Back to campaign
  • File upload interrupted

    The file stays in the queue. Retry without losing its name or comments.

    → Retry upload

8 px spacing rhythm / labelled states / version-scoped approvals / recoverable actions

09 / The product film · sound on

Fifteen seconds. The whole workflow.

Everything above, as one story: from a pile of loose ends to one approved package, the way a team would actually live it.

Thanks for looking

Make a scene. Keep it together.

Have a product that needs a brand with attitude and an interface with discipline? That is our favourite kind of brief.

Start a project
Next project →
FREQ

AI music studio · Brand · UI/UX · Motion