Topographic Lines Loop

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.

• Brand

  brand · string

  Brand token id, one of the keys of BRANDS. The warm light 'field' paper is what this map is drawn for; dark brands work too and read as a night chart.

  now: field

• Colors

  colors · array

  Your own colours as hex strings; empty uses the brand's accent colours. First is the contour ink, second the tint on the highest ground, third the tint on the low ground, fourth the heavy index lines. Give only one and everything is drawn from it. On light paper pick mid to dark tones: pale lines disappear.

  now: 0 items

• Speed

  speed · "slow" | "normal" | "fast"

  How quickly the land shifts. Each step is a whole-number multiple (1, 2 or 3) of the same motion, so the loop stays seamless at every speed. 'slow' is barely perceptible behind talking heads, 'normal' is a calm drift, 'fast' suits a short title card.

  now: normal

• Grain

  grain · number

  Paper texture, 0 to 1. It also stops the soft elevation tint from banding once the video is compressed. 0 is clean vector lines; 0.35 is a printed sheet; 1 is coarse stock.

  now: 0.35

• Safe area

  safeArea · "center" | "left" | "none"

  Where your text will sit. 'center' turns the middle of the map into a flat valley with a few quiet lines, 'left' does the same on the left for a title with a picture on the right, 'none' keeps the whole sheet equally busy for use without text.

  now: center

• Vignette

  vignette · number

  Soft darkening toward the corners, like an old printed map, 0 to 1. Keep it low on light paper; 0 is an even sheet.

  now: 0.3

• Levels

  levels · number

  How many contour lines stack from the lowest ground to the highest peak. Every fifth one is drawn heavier as an index line. 20 is an airy, graphic map; 30 is a survey sheet; 45 and up is dense, engraved and busy behind text.

  now: 30