kinetograph.

A year in review on a dial that snaps month by month, with a sticker for each.

$npx kinetograph add recap-dial
Source

Props

Every prop has a default, so the template renders as it is. Change any of them in Studio or in code.

  • labels

    list

    The twelve labels round the dial, in order (the months by default).

  • items

    list

    The stickers on the inner ring.

  • brand

    string = "lumen"

    Wordmark at the top left.

  • tag

    string = "RECAP 25"

    Small line at the top right.

  • footer

    list

    The three small words along the bottom: left, middle, right.

  • accent

    colour = "#e3141c"

    The red of the squiggle, the badges and the heart.

  • ground

    colour = "#000000"

    Background colour.

  • font

    string = "Inter"

    Google Fonts family for the labels and most stickers.

  • display

    string = "Anton"

    Google Fonts family for the badge stack (a condensed bold).

  • serif

    string = "Instrument Serif"

    Google Fonts family for the handwritten line (italic).

  • blur

    boolean = true

    Motion blur on each snap.

Compositions

  • RecapDial