Lutrin
Home Try it live Kit editor Docs GitHub

one deck · nine brands

The same slide, in nine kits.

Every tile below is the same file — specimen.deck.md, the same words in the same order — compiled by the engine at HEAD into a different kit. Nothing here is a screenshot: each one is the real compiled deck in a frame, so what you are comparing is what the compiler actually produces. The words never move; everything that does comes from the kit.

Install any of them and your next build comes out in it. The commands assume lutrin on your PATH — npx lutrin … does the same thing. Each tile is the fourth slide of the deck, the one where the whole palette is on screen at once; click it for the other three.

Civic Forest a public body

Deep green, Georgia, corners squared off.

lutrin kit install https://info.lutrin.app/kits/civic-forest.deckkit

Campus Indigo a university

Indigo against a warm gold, set in a book serif.

lutrin kit install https://info.lutrin.app/kits/campus-indigo.deckkit

Clinic Teal a care provider

Teal, a wide screen sans, generously rounded.

lutrin kit install https://info.lutrin.app/kits/clinic-teal.deckkit

Ledger Oxblood a firm that bills by the hour

Oxblood, Times, and almost no curve anywhere.

lutrin kit install https://info.lutrin.app/kits/ledger-oxblood.deckkit

Press Noir a newsroom

Black ink, one red, and headlines in Oswald — the kit brings the font with it.

lutrin kit install https://info.lutrin.app/kits/press-noir.deckkit

Foundry Graphite an industrial supplier

Safety orange over graphite, right angles, tighter margins.

lutrin kit install https://info.lutrin.app/kits/foundry-graphite.deckkit

Signal Violet a software company

Violet, a screen sans, corners rounded just enough to notice.

lutrin kit install https://info.lutrin.app/kits/signal-violet.deckkit

Market Coral a consumer brand

A rose dark enough to carry white text, titles in Fraunces, rounded throughout.

lutrin kit install https://info.lutrin.app/kits/market-coral.deckkit

Studio Amber a design studio

Burnt amber, rounded — and the one kit here that ships its own imagery, with layouts that place it.

lutrin kit install https://info.lutrin.app/kits/studio-amber.deckkit

Every slide above was compiled by CI from the kit named beside it, at HEAD, with no retouching in between. What the kit declares is what you see.

what you just installed

A kit is data. Never code.

Free, like the rest

Installing a kit checks nothing and costs nothing. There is no paid part of Lutrin for a kit to sit behind: the decks it builds carry your brand and no mark of ours.

An archive, not a script

A .deckkit carries a manifest, design tokens, and optionally layouts, fonts and logos. kit install refuses any executable entry, which is what makes installing one from a URL defensible.

Eight are themes only

They vary colour, type and geometry, because that is the axis you can compare at a glance. A kit can carry more: Studio Amber also ships its own imagery and the layouts that place it — try it in the playground, on the "Slides with images" example.

None of these nine is a real organisation. They are archetypes — a newsroom, a university, a supplier — invented so the page can show you a brand without borrowing anyone's. Yours is the one worth building: the kit editor puts every colour, font and layout beside a deck the engine just compiled, and contact@lutrin.app is where the conversation starts if you would rather hand over the brand guidelines and get the kit back.

Lutrin

A lectern for your Markdown:
you bring the words, it holds them up.

The landing page GitHub npm · lutrin Syntax reference The kit editor The demo deck

Talk to a human

contact@lutrin.app

Licensing, invoicing, a kit built to your brand guidelines, or a question the docs did not answer.

MIT license · © Julien Riel · Set in Fraunces & IBM Plex (SIL OFL)