Growth Curve Claim

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.

• Lead *

  lead · string

  The opening half of the sentence, which the chart grows out of. Write it so it wants a continuation, with its trailing comma: it is standing at the bottom of the climb.

  now: At Fernpath,

• Values *

  values · array

  The chart, in whatever unit the counter should read. Start and end it on a level run of at least two equal values: the lead stands on the first and the call to action stands on the last, and a sloped end puts a line of type on a hill. The counter counts to the last value.

  now: 9 items

• Metric *

  metric · string

  The word under the counter. One word reads best, because the number is doing the talking.

  now: Revenue

• Prefix *

  prefix · string

  What sits in front of the number, normally a currency sign. Empty string for a bare count.

  now: $

• Separator *

  separator · string

  The thousands separator. The reference uses an apostrophe, which is the Swiss convention and reads cleanly at this size; a comma or a thin space work as well.

  now: ’

• Cta *

  cta · string

  The closing half of the sentence, standing on top of the climb. It introduces the link, so it ends without punctuation.

  now: So visit

• Url *

  url · string

  The link chip the clip lands on. Written as it should be read, with no scheme.

  now: fernpath.co

• Brand *

  brand · string

  Brand token id, one of the keys of BRANDS. Written for the light brands: the ground is the page and the curve takes the accent.

  now: frost