Course / lesson title cards

An educator needs a title card per lesson in a series. Module number, lesson title, series wordmark. Twenty lessons means twenty cards that have to look like one series. The twenty-first should be a copy-paste of a data file and a re-run, not a new design file.

This happens per lesson, and again when you add the next one. The person doing it already owns the titles. They should not restyle a module number twenty times.

The job is one 1920×1080 PNG per lesson. You can list lessons in one data file, or give each lesson its own artboard with colocated data. For a whole module in one export, the colocated path is the one that matches bulk pattern 2. One command writes the module.

Give Lerret a React component under .lerret/ and optional data. export writes a PNG. Same title card, colocated data, many images.

The component is .lerret/course/lesson-title.jsx. It draws the module number, the lesson title, and the series wordmark. Those three things are the card. The series stays shared. The lesson fields change.

Data is one data file listing lessons, or one artboard per lesson with colocated data. Bulk pattern 2 (many artboards with colocated .data.json / .data.js) is how you get a whole module in one export. Adding a lesson is adding a JSON file. The twenty-first is a copy-paste and a re-run. There is no batch product, no queue, no orchestrator.

The image is a PNG at 1920×1080. Module number, lesson title, and series wordmark are the three fields. Twenty lessons are twenty JSON files if you take the colocated path. One export writes the module.

Twenty lesson cards from twenty JSON files. The twenty-first is a copy-paste and a re-run. A folder of design-file title slides will drift the first time someone restyles one module number. You use Lerret because the series is one component, and the next lesson is a file.

The cards are stills from local files. Bulk pattern 2 is how a whole module lands in one export: many artboards, each with colocated .data.json / .data.js. Twenty lesson cards from twenty JSON files. The twenty-first is a copy-paste and a re-run.

npx @lerret/cli@latest export

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