Free and open source · MIT Star on GitHub
Lerret

Design, always on-brand

Your brand meets a
React-ready canvas.

Lerret keeps your logo, colours, typography and tone consistent across every design — posters, decks, even React components — and lets you refine any of them in seconds. Your project folder is the canvas — no separate app to open.

Always on-brand
Claude
you: design a poster, use our brand claude: <Poster logo={brand.logo} accent={brand.primary} /> → on-brand, every time
What it is

Most AI design tools forget your brand the moment you create something new. Lerret remembers — keeping your logo, colours, typography and tone consistent across every design, while giving you a React-ready canvas built to bring your brand to life across digital experiences.

Read the docs

100%

Logo consistency across every design

0

Off-brand exports to catch and fix

1

Brand file every prompt reads from

∞

On-brand designs from a single prompt

One flow, every output

Path to component

Point Lerret at a real component, plus the data it expects — it renders exactly what will ship, not a mockup.

Data (optional)

Optional — pass real records and one component becomes as many on-brand renders as you have rows.

Lerret
png / jpg files

Exported on-brand, straight from your component — every time.

Claude plugin

Design without leaving Claude.

Lerret ships as a Claude plugin — install it once, then generate, edit and export on-brand assets right from the chat you're already using.

One command to install

Add Lerret to Claude the same way you'd add any plugin — no separate account, no new app to learn.

$ claude plugin install lerret

✓ Lerret installed — brand file detected

Brand-aware from the first prompt

Claude reads your brand file automatically, so every design it generates already looks like yours.

you:

design a launch poster, use our brand

claude:

<Poster logo={brand.logo} />

Assets land where you work

Exports drop straight into your project or chat thread — ready to ship, no round-trip to another tool.

→ on-brand, exported as launch.png

How it works

From brand file to finished asset.

Four steps, the same every time — point Lerret at your brand, design on the canvas, prompt in plain words, and export assets that always look like yours.

01

Point at your brand

Lerret reads your logo and rules

$ npx lerret . → logo + DESIGN.md found
02

Design on the canvas

Every asset, on-brand by default

// poster.tsx <Poster /> → brand rules applied
03

Prompt in plain words

AI writes on-brand components

// "launching-soon poster" <Poster accent={brand.primary} /> → logo intact, on-brand
04

Refine, then export

Adjust anything, ship the exact asset

→ launch.png $ git commit -m "poster"

Showcase

Made with Lerret, not made from scratch.

Four different outputs, one prompt each — every asset built from the same logo, colours and tone, whatever you're shipping next.

Prompt
Black-and-white studio photo of a cat wearing oversized headphones and blowing a big bubblegum bubble, given a glowing electric-blue neon rim-light outline. Bold black headline "You can relax!" stacked above "we handle your tech," with the word "WHILE" set inside a solid blue highlight block between the two lines. Clean off-white background, no logo, playful tech-support ad aesthetic, portrait format. 
relax.png

You can relax!

While

we handle your tech

Capabilities

Everything to keep design on-brand.

Read the docs
logo-locked

Your logo, every single time

Lerret locks your logo into every design it generates — the same mark, the same placement, the same treatment, whether it makes one poster or a thousand.

// "launching-soon poster" <Poster logo={brand.logo} /> → logo unchanged, every export
Use cases

Turn a single prompt into any on-brand asset.

New use cases are added automatically, generated by a pipeline that runs locally on your device — here are the ones builders reach for most.

Marketing assets

Banners, one-pagers and ads — on-brand, without a design tool.

Pitch decks

Every slide carries the same logo and colours.

Social assets

Turn a shipped feature into a scroll-stopping post.

Developer designs

The visuals a solo developer needs to post about a launch.

Run it anywhere

Local-first. Your brand, no lock-in.

# open the studio on your machine
$ npx @lerret/cli dev
→ http://localhost:5173 · watching .lerret/
 
# same command runs headless in CI
$ lerret export --all
→ 24 files written · dist/social/*.png

Lerret runs on your machine by default — the studio, the canvas and the models. Point it at any AI you like, from a local Ollama to your own key, and every generation still reads your brand file first. Your .lerret/ folder holds your logo, colours and rules, so consistency travels with the project, not a tool.

Why it’s different

Built to keep every design on-brand.

Five things that all fall out of one decision — your brand lives in one file, and every design reads from it.

01

Your brand travels with every prompt

Your logo, colours, fonts and voice rules live in a brand file every model can read. Hand Claude, GPT or Gemini the folder and it generates on-brand designs as reliably as it writes code — no plugin, no separate brand review.

# hand any model your brand file you: make the headline bigger, use our accent · ./brand/   claude: edited Poster.tsx · Banner.tsx → 2 files changed · logo untouched
02

One command inside Claude Code — free

No API key, no separate AI subscription, no extra bill. Their own Claude does the work — the shortest path from “interesting” to a finished, on-brand asset.

/lerret make a 1200×630 og-image titled “Ship faster” → og-image.png · on-brand
03

No proprietary file. Ever.

Your brand rules are ordinary code files, readable in any text editor. If Lerret vanished tomorrow you’d still have a working brand file and components. Nothing about your identity is trapped in our tool.

brand/ poster.tsx banner.tsx DESIGN.md → open in any editor
04

Free, open source, and MIT forever

The market has been burned by tools that started open and later flipped to a restrictive licence. We commit publicly: the core stays MIT, permanently. Revenue comes from an optional paid services layer beside it — so the promise is honest.

# LICENSE core: MIT — permanently → no rug-pull, ever
05

Consistency gets better on its own

Because every design reads from the same brand file, Lerret rides the AI improvement curve without breaking consistency. Every new model writes better on-brand components — your logo and colours stay exactly where they belong.

# same folder, newer model gpt-4 → claude → next… → better output, zero changes

Field notes

“Every poster our team generates keeps the same logo placement and the same terracotta accent — nobody eyeballs it against the brand guide anymore.”
N Mara Ellison · Northwind
“I used to redo a graphic from scratch just to change one line of copy. Now I tweak the prop and it updates in place — same logo, same colours, seconds.”
B Devon Park · Basecase
“One branded template, a list of rows, and CI exports a hundred on-brand banners on every release — identical logo, identical style, zero manual review.”
F Priya Nair · Foundry Labs
“Our logo, palette and voice rules live in one DESIGN.md. Every designer and every prompt reads from the same file, so nothing ships off-brand by accident.”
V Tomás Rivera · Verdant

FAQ

Have questions? We've got answers.

Read the docs
What exactly is Lerret?

A design tool that keeps every asset on-brand automatically — the same logo, colours, typography and tone across every poster, banner or document it generates, with nothing to double-check by hand.

How does it keep my logo consistent?

Your logo lives in one brand file that every component and every AI prompt reads from. Lerret places it the same way each time, so it never drifts, stretches or goes missing between exports.

What else stays consistent besides the logo?

Tone of voice, typography, spacing, layout patterns and your colour combinations all follow the same rules as your logo. A design made today looks like it belongs next to one made months ago.

Most AI generators give me a flat image. What’s different here?

Most tools hand you a static picture with no memory of your last one. Lerret produces designs as real components that read your brand file, so consistency isn’t something you enforce after the fact — it’s built in.

How do I refine a design once it’s generated?

Adjust the part you want to change — a headline, a colour, a layout detail — and the design updates in place. You never have to regenerate the whole thing or lose the parts that were already right.

Do I need to redo everything if my brand changes?

No. Update the one brand file and every future design reads the new logo, colours or fonts automatically — you don’t chase down old templates one by one.

Can I get more than one design from a single prompt?

Yes. Ask once and Lerret can return several on-brand directions in the same run — different layouts or headlines that still share your logo, colours and tone — so you compare options instead of re-prompting from scratch.

Can one design produce many on-brand assets?

Yes. Keep the design and the data apart, feed one branded template a list of rows, and Lerret renders the whole family — a hundred localized banners or per-customer certificates, all carrying the same logo and style.

Which AI models does it use?

Whichever you point it at. Run a local model through Ollama for fully offline generation, or bring your own API key — either way, every generation still reads your brand file first.

Do I need to know how to design to use it?

No. Describe what you want in plain words and Lerret keeps it on-brand for you. If you do want to adjust something by hand, the output is readable and editable, not a locked file.

Where does my brand file live?

In your own project, as a plain file you control. You version it, update it and share it with your team the same way you manage everything else — no separate brand portal to keep in sync.

Do I need an account or a backend?

No. Lerret runs entirely on your machine against local files. There is nothing to sign up for and nothing to host — open the studio with a single command and start.

What does it cost?

Nothing. Lerret is free and open source — use it, adjust it and keep every design on-brand without a subscription.

Never ship an off-brand design again.

Free and open source. Keep your logo, colours, typography and tone consistent across every design — and refine any of them in seconds.

npx create-lerret@latest my-canvas