Liquid Chrome Wordmark

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.

• Wordmark *

  wordmark · string

  The mark itself. One or two words. This is set enormous and tracked tight.

  now: MOTIONSTASH

• Tagline

  tagline · string

  Line beneath the mark. Arrives after the light streak, in flat ink rather than chrome.

  now: Code-based motion design, for anything that renders

• Flow

  flow · number

  How fast the metal appears to move. 0 is a still polished surface; above 0.7 reads as liquid rather than solid.

  now: 0.45

• Streak

  streak · boolean

  Fire a hard light streak across the mark at the moment it completes.

  now: true

• Reflection

  reflection · boolean

  Draw the mark's reflection in the floor beneath it.

  now: true

• Brand

  brand · string

  Brand token id, one of the keys of BRANDS.

  now: circuit