litt.design

Brand

Twenty tiny generative tools for brand assets — patterns, badges, gradients, dithers and kinetic type. Everything runs in the browser: no accounts, nothing uploaded, every result is a shareable link.

Generative Tools2026In progress
Visit Brand (opens in a new tab)

Challenge

Brand assets shouldn't need a pipeline

Studios like Basement build their own small tools to make identity work feel alive. Most teams get a static style guide instead. This started as a study of those tools.

Approach

One file, one tool

Each generator is a single definition with its own parameters: halftones, mesh gradients, flow fields, bar type, long exposure, photograms. Randomize with per-parameter locks, then step back through history.

Execution

Exports that match the preview

A shared type layer and finish layer (grain, dust, vignette), five formats from 1:1 to 3:1, and export to SVG, PNG at up to 4×, or seamless WebM loops — with fonts embedded so nothing shifts.

Result

20 tools, zero sign-up

The full state of every piece lives in its URL, so a result is shareable the moment you make it.

Stack

React 19TypeScriptViteTailwind CSS

Next

Hypher

→