Soft 3D App Icon
A soft-3D app icon on white — one object and exactly three signs around it, counted strictly, with one accent colour and a silhouette that survives being small. Six fields.
We made two examples: a book of lit screens and a weathered harbour buoy, one a soft plastic subject and the other painted metal. Both have exactly one object, three signs, and a single accent colour on the sign nearest the viewer.
You get a soft-3D app icon with one object, exactly three signs around it and a single saturated colour on the nearest sign; everything that isn't the subject counts as a sign. The silhouette stays recognisable even at thumbnail size. The background sometimes comes back transparent instead of white, so flatten it when you import. The lowest sign may break the object's bottom edge, which is allowed.
Generated for this library
Input
For Vibary - a library of interface patterns you can copy
Subject a chunky open book whose pages are lit screens,
tilted three-quarters
Signs a cursor arrow · a bookmark ribbon · a small stack of
pattern cards
Accent the cursor arrow, bright indigo, nearest the viewer
Materials soft matte plastic body, glossy jelly screens, matte
ribbon
Palette bone white and pale grey, one bright indigo accent
Returned 1 icon · 1:1 · seamless white, no scene
subject the book centred and tilted, filling about seven tenths
of the frame, its outline unbroken
signs three and no more - arrow upper right and nearest,
ribbon at the spine, cards resting at the lower left
accent indigo on the arrow only; everything else bone, grey
and pale screen-blue
material matte body, wet-looking screens, one soft studio light,
the faintest contact shadow
small at thumbnail size the book still reads as a bookYou fill in 6 fields — the braced lines at the top. Everything below them is fixed.
- 1What the icon is for
- 2The subject
- 3The three signs
- 4Which sign carries the accent
- 5The materials
- 6The palette
Soft 3D App Icon
What this makes
A soft-3D app icon on white — one object and exactly three signs around it, counted strictly, with one accent colour and a silhouette that survives being small. Six fields.
The whole template, in one piece. The steps below are the entire workflow.
How to use it
- Copy the whole template with the button above.
- Replace the six FIELDS lines. Choose the three signs by asking what three things somebody needs to know about the subject — not by what would look nice around it.
- Paste it into any image-capable agent or model, in one message. One run returns the icon.
- Shrink the result to the size of an app tile and look at it. If you cannot tell what the subject is, the composition failed, however good it looks large.
What you swap
- What the icon is for
- Vibary — a library of interface patterns you can copy
- The subject
- a chunky open book whose pages are lit screens, tilted three-quarters
- The three signs
- a cursor arrow · a bookmark ribbon · a small stack of pattern cards
- Which sign carries the accent
- the cursor arrow, in bright indigo, nearest the viewer
- The materials
- soft matte plastic body, glossy jelly screens, matte ribbon
- The palette
- bone white and pale grey, one bright indigo accent
Before it runs
- A subject with a nameable silhouette. The icon will be seen at the size of a fingernail, and a shape that needs its colour to be identified will not survive it.
- Exactly three signs, chosen for meaning. A fourth is not generosity — it is the thing that makes the icon unreadable small.
- One accent colour you are willing to spend on one element. Two accents is no accent.
When to reach for it
When a product, a feature or a service needs a hero icon: an app tile, a store listing, a feature card, a pricing row. Templates in this style cap the extra elements at a number and then let arrows, lines and sparkles arrive uncounted, so the icon says its one thing six times.
What changes
- One clean icon composition on seamless white: a single object, tilted, with three signs arranged around it.
- The count is enforced rather than suggested — arrows, ribbons, sparkles and dots all count, which is what keeps the icon from silting up.
- One accent colour on one sign, so there is somewhere for the eye to land instead of three colours competing.
- Materials do the storytelling: soft plastic, jelly, ceramic, brushed metal, frosted glass, chosen for what the subject is.
- The whole thing is built to survive a thumbnail, which is the only test an icon ever really faces.
Pairs with
- Skeuomorphic Device IconA hyper-skeuomorphic app icon of a real device, front-on — with every control carrying an indicator and every indicator agreeing about what state the thing is in. Five fields.
- Art Toy 3D PortraitA soft 3D character portrait in the art-toy idiom — built around choosing a pose that cannot go wrong, because the one thing these renders always break is named and never solved. Six fields.
- Plush Monster CharacterA plush creature character rendered full-length — held to the one thing that decides whether it reads as fur or as vinyl with fur printed on it: what happens where the coat meets anything hard. Six fields.