Vibary.ai
← All of Image

Flat Silhouette Illustration

A flat illustration held inside one big silhouette, with the scene breaking out through its edge — where the shape has to mean something and the crossings have to be real crossings. Six fields.

graphicsillustrationflatimage-promptminutes
ExamplesOne silhouette · one scene · four real crossings
Vibary
Harbour Row

We made two examples: a speech bubble holding a city of screens and a fish holding a working harbour. Both silhouettes are recognisable with the scene covered, and in both something enters one edge, passes behind the outline and reappears outside it. The harbour comes out richer than flat vector, with a warm gradient sky.

The silhouette reads on its own even with the scene hidden, and several elements cross its edge: here a bridge enters at the left, disappears behind the outline and comes back out. Choose an outline that means something by itself, such as a profile, a map or an animal. Name each crossing separately rather than asking for a number: give only a count and you usually get a single crossing.

Generated for this library

Input
  Subject     a library of interface patterns you can browse
              and copy
  Silhouette  a rounded speech bubble, tail at the lower left -
              everything here started as somebody describing it
  Inside      pale sky with flat clouds · a city of screen-towers
              with a bridge running through · a garden growing
              out of keyboards
  Crossings   tallest tower through the crown · the bridge enters
              left, is cut, and re-emerges outside · one leaf past
              the lower right · a figure overlapping the tail
  Palette     indigo, sky blue, mint, bone, one amber
  Title       none

Returned   1 illustration · 3:4 · flat vector on near-white

shape      the bubble readable as a bubble with the scene hidden -
           crown, shoulders and tail all intact
crossings  four, each one cut by the outline across its own body
           rather than resting against it
depth      the bridge disappearing behind the left edge and
           picking up again outside, which is what puts the
           silhouette in the middle of the stack
masses     towers, bridge and planting as large blocks; accents
           only at the garden and the skyline
SKILL.mdthe whole thing, as you would paste it© vibary.ai

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

  1. 1The subject
  2. 2The silhouette, and why that one
  3. 3Inside it, top and middle and bottom
  4. 4What crosses the edge
  5. 5The palette
  6. 6A title, or none

Flat Silhouette Illustration

What this makes

A flat illustration held inside one big silhouette, with the scene breaking out through its edge — where the shape has to mean something and the crossings have to be real crossings. Six fields.

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 six FIELDS lines. Write the second one as a shape plus a reason — if you cannot say why that silhouette belongs to this subject, it is decoration and will come back as a blob.
  3. Name the crossings individually in the fourth field, including which one re-emerges. A count alone gets rounded down to one.
  4. Paste it into any image-capable agent or model, in one message. One run returns the illustration.
  5. Check it by covering the middle: if you cannot name the outline with the scene hidden, the run made a mask rather than a chassis.

What you swap

The subject
a library of interface patterns you can browse and copy
The silhouette, and why that one
a rounded speech bubble with its tail at the lower left — everything in the library started as somebody describing it
Inside it, top and middle and bottom
a pale sky with flat clouds · a city of screen-towers with a bridge running through · a garden growing out of keyboards
What crosses the edge
the tallest tower breaks through the crown · the bridge enters left, is cut by the outline, and re-emerges outside it · one leaf pushes past the lower right · a walking figure overlaps the tail
The palette
indigo, sky blue, mint, bone, one amber
A title, or none
none

Before it runs

  • A silhouette that means something about the subject. This is the field the style lives on, and a shape chosen for looking interesting will produce a blob no matter how well the inside is drawn.
  • A scene with genuine top, middle and bottom. Without three bands the shape fills up evenly and stops having a structure.
  • The restraint to keep detail in a few places. This idiom dies of scatter faster than anything else.

When to reach for it

When a whole subject has to fit in one picture: a service, a city, a season, a programme. Templates in this style ask for an 'irregular contour' and list the shapes it might be, and what comes back is a soft amoeba that names nothing — a mask, not a chassis.

What changes

  • One clean flat-vector illustration: a large silhouette carrying a layered scene, on an almost empty pale ground.
  • The silhouette is held to being recognisable on its own — cover the contents and you can still say what it is.
  • Boundary crossings are counted and defined, so elements genuinely pass through the edge instead of resting against it.
  • At least one element goes behind the outline and comes out again, which is the only thing that proves the shape is a middle layer rather than a backdrop.
  • Big masses instead of scattered detail, so the picture reads whole at a glance and does not turn to confetti.

Pairs with