Vertical Checklist

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.

• Title *

  title · string

  The heading of the list, set large above it. Break the lines yourself with a newline — the lines are revealed one after the other, so break where you would break it by hand. Two lines is the design; three eats the list's room.

  now: What actually fixed retention

• Subhead

  subhead · string

  One sentence under the title saying where the list came from — what was tested, over how long. It is what stops a listicle reading as an opinion.

  now: Sixty uploads, one variable at a time. Four of the five h…

• Items *

  items · array

  The list, top to bottom. Each one arrives on its own beat and is marked by hand as it lands. Five is the shape this is built around; the pacing compresses to fit six and opens out for three, and the whole list is always finished well before the frame comes to rest.

  now: 5 items

• Tally

  tally · boolean

  Count the ticks in the top-right corner as they land. It reads as a score, and because a struck item never counts, a list with a crossed-off entry visibly stops one short — which is the point being made.

  now: true

• Tally label

  tallyLabel · string

  The small word under the count. 'done', 'worked', 'kept'. Lowercase — it is a caption on a number, not a heading.

  now: worked

• Margin

  margin · boolean

  Rule the vertical margin line down the whole sheet, with the mark column in the gutter to its left. It is what makes the frame read as a page from a pad rather than a slide; turn it off for a plainer sheet where the marks sit loose beside the text.

  now: true

• Boxes

  boxes · boolean

  Print an empty square for each item for the pen to be drawn into. Off, the ticks and crosses stand alone in the margin — quieter, and closer to how a list actually gets marked up.

  now: true

• Tear off

  tearOff · boolean

  End the sheet on the caption line with a perforation and step the ground below it. The band the platform is going to cover then reads as off-page rather than as paper you forgot to use, which is the honest description of it. Turn it off for a full-bleed sheet when you are burning this over footage that already fills the bottom.

  now: true

• Caption zone

  captionZone · number

  Percent of the frame height reserved at the bottom for the platform's caption, title and sound credit. The list is laid out to finish above this line, so raising it tightens the row pitch rather than pushing anything under the captions.

  now: 20

• Action rail

  actionRail · number

  Percent of the frame width reserved at the right edge for the like/comment/share column. It sets the right edge of the measure, so raising it makes the type smaller rather than letting a line run under the buttons.

  now: 15

• Brand

  brand · string

  Brand token id — one of the keys of BRANDS. Written for the light stocks (paper, press, field), where the marks read as ink on a sheet: `accent` is the pen that ticks and `accentAlt` is the pen that corrects. On the dark palettes it inverts legibly but stops being a page.

  now: paper