Keycap Shortcut

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

• Keys

  keys · array

  The chord, in the order you press it. `cmd`, `shift`, `ctrl`, `opt`, `enter`, `tab`, `space` and `delete` are drawn as their real symbols; anything else is set as type on the cap, so 'K', 'Esc' and 'F5' all work. The last key in the list is the one that gets struck.

  now: 3 items

• Action *

  action · string

  What the shortcut does, in the app's own words — the line a viewer reads while the keys go down. Name the command, not the concept: 'Add Edit' rather than 'Cut the clip'.

  now: Add Edit

• App

  app · string

  The application, set small under the action. Worth filling in: the same chord means different things in different editors. Empty drops the line.

  now: Premiere Pro

• Anchor

  anchor · "bottom-center" | "bottom-left" | "bottom-right" | "top-center"

  Where the module sits. Bottom-centre by default — under the action it caused, clear of the lower third on the left and the platform's subscribe watermark on the right.

  now: bottom-center

• Inset

  inset · number

  Distance from the frame edges as a fraction of the shorter side. The default sits above YouTube's control bar, so the module is not half-covered the moment somebody moves the mouse.

  now: 0.085

• Scale

  scale · number

  Size of the module. Push it up for a 9:16 cut or a busy screen recording, where a deck sized for 16:9 reads as a footnote.

  now: 1

• Ground

  ground · boolean

  Paint the frame behind it. Off by default — this is an overlay, so it renders on an alpha channel and drops straight onto your own screen recording. On, it gets a lit brand ground to stand up on its own.

  now: true

• Brand

  brand · string

  Brand token id — one of the keys of BRANDS.

  now: slate