EXAMPLES & GALLERY

Every output these tools make, with its settings attached

Every image on this page was produced by a tool on this site, in the browser, with no post-processing. Under each one is the actual parameter set used — colour values, type size, density, outline weight — so you can reproduce it or deliberately change one thing and see what breaks. This is not a mood board of things that look nice; it is a specification with pictures attached.

Two things worth saying before you scroll. First, these are my examples, not submissions: nothing here came from another person’s account, and nothing here is a stock image. Second, the point of showing parameters is that the format rewards constraint, and you learn that faster from seeing what a size does to a canvas than from reading advice about it.

Covers

Made with the generator. Field colour, ink and the auto-shrink rule are the tool’s own — the caption under each one states the size it settled at.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

Walls

Made with the wall generator: one word tiled, alternate rows offset half a step and rotated slightly so the grid reads as a pattern rather than a table.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

Quotes

Made with the quote card maker. The type size is solved from the line length, which is why the short ones fill the frame and the long ones do not.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

Tracklists

Made with the tracklist maker. Titles are invented for these examples — the point is the layout, not the songs.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

Stickers

Made with the sticker maker. These are transparent PNGs; the dark page behind them is the transparency doing its job.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

ASCII

Made with the ASCII tool, shown in a monospaced font — the only condition under which banner text survives. Paste one into a caption field and it shears.

Want the reasoning rather than the pictures? The related guide covers the decisions behind this group.

Line ideas, by situation

The pictures above are only half of it — the line is the other half. Ten starting points, each with the reason it works. Swap the specific noun for yours and the shape holds.

Situation Line Why it lands
An announcement new menu. friday. date + nothing else. the period is the tone.
A release out now. obviously. two words, one assumption.
A gig or event saturday. loud. day and adjective, no verb needed.
A playlist 3am. again. a time is a genre.
Travel the last train knows me. personify the infrastructure, not the destination.
Fitness new gym. old me. we will see. three beats, the last one honest.
Study or work deadline. tuesday. do the math. hand the reader the conclusion.
A mood unbothered. which is the point. state it, then refuse to defend it.
Food 8am. same order. no notes. ritual is funnier than enthusiasm.
An apology you do not owe quiet. not gone. two beats, no explanation.

How these were actually made

Worth being precise, because the details are the useful part.

  • The covers use the generator’s own values. Its field is #8bdc65 with #111111 ink and White Mode at #f5f5f2 — the slightly softer green the tool actually paints, not the #8ACE00 quoted in most write-ups including several pages here. The difference is subtle but real, and if you are matching a cover to a palette, use the value the export gives you.
  • Type is Arial, always lowercase. The generator starts at the size you set and shrinks two pixels at a time until the block fits inside roughly the middle 72 per cent of the canvas. It never grows, which is why a four-letter word at the default size looks small: the tool is obeying you, not composing.
  • Walls are tiled, not stretched. Alternate rows shift half a column and every instance is rotated a few degrees. That offset is what stops the grid reading as a table.
  • Tracklists and quote cards auto-fit. The type size in those captions is the size the tool solved for, not one chosen by hand.
  • Stickers are genuine alpha. They are transparent PNGs; the dark you see is this page behind them, which is exactly what will happen when you drop one onto a story.
  • ASCII is monospaced on purpose. Those banners are text, and they only look like that in a fixed-width font.

What the set shows about the format

Look at the whole page rather than any single tile and four things are obvious. Restraint scales: the examples with one element and one colour are the ones that survive being shrunk to a thumbnail, and everything busier is doing worse at exactly the size most people will see it. Length is a design input: the same field that makes a three-word line look confident makes a nine-word line look like a flyer. Punctuation carries tone: the full stops in these examples are doing the work exclamation marks would ruin. And the pattern is the most durable shape here — because a repeating grid survives any crop, while a centred line survives only the one it was designed for.

FAQ

Can I use these examples?

The images are yours to reuse, including commercially — they are original graphics made for this page with no stock material and no third-party artwork in them. What you should not do is pass a specific artist’s cover off as one of these; the format is public, the reference is not.

Why do the covers look less blurred than the album?

Because the generator draws crisp type — the blur control lives in the font and logo tool. The original cover’s softness came from an export accident; reproducing it is a choice, not a requirement, and at small sizes crisp usually wins.

Are these the settings you recommend?

They are settings that work, chosen to show range rather than to prescribe taste. The defaults are a starting point: for a short word, push the size up; for a long line, cut the line before you cut the size.

Why no photo examples?

Because a gallery of other people’s photographs would be a licensing problem, and a gallery of stock photos would be a different site. The text-on-photo guide explains what to look for in your own images instead.

Will you add to this page?

As the tools grow, yes — new finishes and canvases need examples or nobody finds them. If a specific output of yours is missing and you want it shown with parameters, the support address gets read.