Bluesky banner refresh

The same person who set up the social profile set comes back to the Bluesky banner on its own cadence. Weekly, not only when the whole brand kit refreshes. One line of copy changes. The wordmark and the gradient should not.

This is a text swap, every week. The rest of the profile set can stay where it is. You should not reopen the full six-size kit to change one line on one platform. You should not reopen a design file and hunt for the font you used last Tuesday.

The job is a banner with a new one-liner. You edit { line }, you export, you upload. Next week you do it again. The component stays put. The wordmark stays put. The gradient stays put.

Give Lerret a React component under .lerret/ and optional data. export writes a PNG. Same component, data swapped, next image.

The component is .lerret/social/bluesky-banner.jsx. It draws the wordmark, one line, and an edge-to-edge gradient. It is one artboard from the social-media preset, run on its own because the banner moves weekly and the other sizes do not. Dimensions come from that artboard’s meta.dimensions.

Data is { line } only, refreshed weekly with a new one-liner via --data. That is the first of the four bulk patterns: re-run export with a different --data file. Same component, new line, new image. There is no batch product, no queue, no orchestrator. --data applies to every artboard in the run and is never written back into .lerret/. The default banner stays clean. The week’s line lives in the file you pass.

The image is a PNG at the preset’s banner dimensions. The catalog does not name a pixel size here, so the size is whatever that artboard already declares.

You use Lerret because a weekly text swap costs one command. Reopening a design file weekly costs attention, and eventually someone forgets the font. A screenshot of last week’s banner with the line painted over will not match the wordmark, and it will not match the rest of the profile set when those sizes last exported from the same preset.

npx @lerret/cli@latest export --data

Start a project with npx create-lerret@latest. More in the use cases index.