Skip to content
Epic ClipsPreview

Direction C

Design

Light workspace, IBM Plex, square corners, one safety-orange accent. Accent is for primary actions, the playhead, the active shot, the logo mark, and the selected quality control.

Color

  • Canvas#ECEBE7

  • Panel#FFFFFF

  • Soft#F6F6F4

  • Stage#1B1B1D

  • Ink#18181A

  • Muted#5C5C61

  • Line#DCDCD6

  • Accent#FF4F00

  • Accent ink#18181A

  • Danger#8E1D18

  • Ok#0E6B3C

  • Active shot#FFF4EE

Type

IBM Plex Sans for UI. IBM Plex Mono for time, prices, and labels.

00:00:03:04 · $0.15

  • The editor is openxs
  • The editor is opensm
  • The editor is openmd
  • The editor is openlg
  • The editor is openxl
  • The editor is open2xl

Space, radius, motion

Space
4px steps from 0.25rem through 4.5rem
Radius
0. Corners stay square. Dots and plates may be circles.
Shadow
A low window shadow on the editor only. No glow.
Motion
120ms and 220ms. Reduced motion stops the playhead.

Buttons

Shown in the editor toolbar.

Tier chips
Segmented

Shot 03

Card

A white panel, a mono label, and a short title.

Badges

DraftFinalQueuedRenderingSucceededFailed

Progress

Frame 000000:00:00:00
Frame 008100:00:03:09
Frame 012000:00:05:00

Text panel. Arrow keys move the tabs.

Empty state. Drop an image or choose a file.

PNG, JPEG, or WebP.

Loading

Empty bin

Nothing has been rendered for this filter.