← All skills

One Grid, Five Zones

A calm event poster whose lower half is a pixel map of the site — five named zones, every edge stepped to one declared grid, with a serif title and a date run above it. Seven fields.

graphicsdesignmapimage-promptminutes
What it hands backOne poster · a title above · a pixel map below
A result produced by One Grid, Five Zones
Vibary
A second, different result produced by One Grid, Five Zones
Harbour Row

Two runs of the same template. A 24-pixel courtyard in indigo and ochre beside a 32-pixel market shed in slate and rust — two different cell sizes, each held consistently across its own poster, which is what the law asks for rather than one fixed module.

Generated from this template with the fields shown above — the cell grid is visible on the map and everything obeys it: the courtyard's whole staircase outline, the five icons, and the runs of ripple cells inside the ochre square all sit on the same 24-pixel module, with every step the same height. Above the date rule the poster is smooth serif typography; below it there is not one curve. The reference's own baseline is the contrast — it carried four different granularities at once, smooth rounded hills under the title, a coarse stepped site block, finer stepped hills below that, and finer pixels again in the icons, because its template asks for stepped pixel edges and flowing rounded curves in consecutive sentences. Run-to-run quirks: the courtyard's exact silhouette redraws each time, and the zone labels sometimes sit inside the site rather than beside it.

Generated for this library

Input
  Event   VIBARY BUILD WEEK · Jul.
  Line    make it by describing it
  Dates   2026.07.18 → 07.24
  Zones   Bench Row · The Long Table · Quiet Floor · The Wall ·
          Late Room
  Site    a long courtyard from lower left to upper right, an
          open square at its centre, a lane leaving the top
  Cell    24 pixels
  Colour  muted indigo site, bone ground, ochre square

Returned   1 poster · 2:3 · smooth type above, stepped map below

title     VIBARY BUILD WEEK in a heavy serif across the upper
          third, the small line above it, Jul. at its shoulder
dates     the run beneath, large bold figures with an arrow
          between them and hairlines above and below
map       the lower half: the courtyard in muted indigo, its
          outline climbing in even 24-pixel steps, the ochre
          square opening at its centre, the lane stepping out of
          the top corner
zones     five icons built from the same cells sit in the site,
          each with its name and a short line beside it
edges     every step the same height, no curve anywhere below
          the date run
footer    Vibary at the lower left, vibary.ai at the lower right
SKILL.mdthe whole thing, as you would paste it© vibary.ai

You fill in 7 fields — the braced lines at the top. Everything below them is fixed.

  1. 1The event and its month
  2. 2The small line above
  3. 3The dates
  4. 4The five zones
  5. 5The site's shape
  6. 6The cell size
  7. 7The colours and the footer

One Grid, Five Zones

Produce ONE image: an event poster whose lower half is a pixel map of the site. Follow every line below. Replace only the FIELDS block; everything after it is fixed.

First — do you have the fields?

If any field below still has braces around it, stop and ask. Put all the questions in one short message, and show the example under each one so they can see the shape of a useful answer. Wait for the replies, then draw. Never fill a brace yourself: a value you invented is a value nobody asked for, and it will look exactly as considered as the ones they did give you.

Ask in whatever language they are writing to you in. Translate the questions and the examples; do not make someone read English to tell you what they want.

The examples are only examples. If someone answers a question, use their answer; never fall back to the example because you prefer it.

If the fields are already filled in, ignore this and carry on.

Fields — replace these seven lines only

  • The event and its month: {name, and a short month} e.g. VIBARY BUILD WEEK · Jul.
  • The small line above: {one quiet line} e.g. make it by describing it
  • The dates: {a run, with an arrow} e.g. 2026.07.18 → 07.24
  • The five zones: {five, numbered, each with a short gloss} e.g. 1 Bench Row / where you build · 2 The Long Table / where you eat · 3 Quiet Floor / where you think · 4 The Wall / where you pin it up · 5 Late Room / where it ships
  • The site's shape: {the ground plan, in words} e.g. a long courtyard running from the lower left to the upper right, with an open square at its centre and a narrow lane leaving the top corner
  • The cell size: {one number, in pixels} e.g. a 24-pixel cell — every edge, icon and step is a whole number of cells
  • The colours and the footer: {site, ground, accent, type · footer} e.g. muted indigo as the site colour, warm bone ground, soft ochre for the open square, charcoal type · footer: Vibary · vibary.ai

The one-grid law

Templates in this style ask for "pixelated stepped edges" in one sentence and "smooth rounded curves" in the next. A model obliges both, and the result is half pixel art and half vector drawing on the same page, which reads as neither.

One cell size governs everything below the date run. The fields declare it, and from that point:

  • Every edge of the site is a staircase of whole cells. No diagonals, no curves, no anti-aliased corners.
  • Every zone icon is built from the same cells, at the same size.
  • Every decorative mark on the map — ripples, paths, markers — is a run of whole cells.
  • Nothing below the date run is smooth. Nothing.

The check is simple: pick any two steps on the map and they should be the same height. If one edge curves, the grid was abandoned and the map stops being a construction.

The two registers

The poster has two visual languages and they must not blend:

  • Above the date run — typographic and smooth. A heavy serif title, fine sans supporting text, hairline rules. Curves are welcome here.
  • Below the date run — stepped and gridded. Everything is cells.

No stepped type in the title. No smooth shape in the map. The date run is the border between them.

The title register

  • A small quiet line at the very top, in fine sans, two or three words.
  • The event name in a heavy serif with generous letterspacing, the largest type on the page, across the upper third.
  • The month abbreviation at the title's shoulder in bold sans.
  • The date run beneath: large bold figures with a heavy arrow between them, a hairline above and below, one of them lifting into a shallow arc at its centre.

The map

The lower half of the poster:

  • The site drawn as one filled shape in the site colour, following the ground plan the fields describe, its whole outline in even steps.
  • The open area — square, water, clearing — in the accent colour, opening inside the site rather than beside it.
  • Five zone icons placed where those zones sit on the site, each built from cells, each with its number, its name and a short gloss beside it in small type.
  • A few runs of short horizontal cells across the open area, suggesting ripples or paths.

The colour and type

  • Four flat colours: the site, the ground, one accent, one dark for type. Muted throughout, no gradient, no shadow, no outline.
  • Two families only: one serif for the title, one sans for everything else.
  • The size ladder is steep and explicit: title, then dates, then zone names, then footer, then the small line at top.

Never

  • ✕ a curve, diagonal or rounded corner anywhere below the date run
  • ✕ steps of differing heights, or icons built at a different cell size from the map
  • ✕ stepped or pixelated type in the title register
  • ✕ a sixth zone, or a zone without a name
  • ✕ gradients, drop shadows, outlines, texture
  • ✕ a legend box, a compass rose, a scale bar — the names sit on the map itself

The result

A poster that tells you what is on and where it is: a smooth typographic head, a map built honestly from one cell size, and five places you could actually find.

The whole template, in one piece. The steps below are the entire workflow.

How to use it

  1. Copy the whole template with the button above.
  2. Replace the seven FIELDS lines. Draw the site's shape in words before naming the zones — the map is the poster, and the zones sit inside it.
  3. Paste it into any image-capable agent or model, in one message. One run returns the poster.
  4. Check the edges: every step on the map should be the same height. A curve or a diagonal anywhere below the date run means the grid was not held.

What you swap

The event and its month
VIBARY BUILD WEEK · Jul.
The small line above
make it by describing it
The dates
2026.07.18 → 07.24
The five zones
1 Bench Row / where you build · 2 The Long Table / where you eat · 3 Quiet Floor / where you think · 4 The Wall / where you pin it up · 5 Late Room / where it ships
The site's shape
a long courtyard running from the lower left to the upper right, with an open square at its centre and a narrow lane leaving the top corner
The cell size
a 24-pixel cell — every edge, icon and step is a whole number of cells
The colours and the footer
muted indigo as the site colour, warm bone ground, soft ochre for the open square, charcoal type · footer: Vibary · vibary.ai

Before it runs

  • A site with a shape. A programme with no geography has nothing to map, and this poster becomes a list with decoration.
  • Exactly five zones, each nameable in two or three words. Seven turns the map into a legend, three leaves it empty.
  • One cell size, declared. Without it the stepped edges and the smooth curves end up on the same drawing and the style collapses.

When to reach for it

For anything with a site and a programme: a festival, a market, a camp, an open week. It answers the question a poster usually leaves out — not just what is on, but where the parts of it are.

What changes

  • One poster in three registers: a serif title block, a date run, and a pixel map of the site occupying the lower half.
  • Every edge on the map is stepped to one declared cell size, so the pixel language is a construction rather than an effect laid over vector shapes.
  • Five zones, each with an icon built from the same cells and a bilingual name beside it, so the map is legible as information.
  • The title register stays smooth and typographic while the map register stays stepped, and the two never blend.
  • A muted flat palette with no gradients or shadows, letting zones read by colour block alone.

Pairs with