Feed Hook Card

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.

• Hook

  hook · string

  The hook, set as large as it will go across the full width. Six to ten words is the shape this was cut for — enough to fill three lines of the measure, short enough to be read before it is scrolled past.

  now: You get one frame before the thumb decides.

• Emphasis

  emphasis · string

  The words the marker rings, written exactly as they appear in the hook. Two or three words; it is the claim, not the sentence. Leave it empty for a hook with no annotation on it.

  now: one frame

• Support

  support · string

  The line that rests on the bottom safe line. It carries the reason, so write it as a sentence rather than as a tagline — this is the only body copy in the frame.

  now: Feed ads land at 4:5, muted, and already moving. Everythi…

• Max lines

  maxLines · number

  How many lines the hook may take before the type shrinks to fit. Three fills the measure without crowding the pocket; two makes a much bigger, much shorter statement.

  now: 3

• Caption percent

  captionPercent · number

  How much of the bottom the caption and CTA row take, as a percentage of frame height. 20 is the number to keep: at 4:5 it puts the safe line exactly one frame-width down, where the frame stops being square.

  now: 20

• Head percent

  headPercent · number

  How much of the top to keep clear, as a percentage of frame height. It covers the profile header on overlaying placements and the centre-crop that Stories and Reels take out of the same asset.

  now: 13

• Brand

  brand · string

  Brand token id — one of the keys of BRANDS. The marker is drawn in that brand's accent and it is the only colour in the frame, so this is the whole palette decision.

  now: signal