Make a shape in the studio, browse a library of 100,000 expressive icons, read the design articles, look up a term, take the 987-question design quiz, or play one of 11 colour and type games. One studio for the whole craft.
Every shape here earned a perfect six-star rating — hand-picked as the best of the Foundry’s multicolor set. A living gallery of what the tools can make.
Every one of 100,000 expressive shapes means a word — courage, balance, growth — drawn dual-tone and animated. A new one greets you each day. Read it before you read the name.
Give a shape one to five stars. When several shapes mean the same word, the one you rate highest wins its place on the wall above — your eye, shaping the library.
A library of 800 designer SVGs — generated, then refined by hand into one clean, gradient-rich style. Instruments, vessels, plants, tools — searchable by feeling, ready to drop into any layout.
See all 800 designer SVGs →Generate brand-new dual-tone shapes in the Icon Forge, pull rated ones from the Explorer, or turn an idea, a photo or a chat into a clean SVG. Watercolour, stickers and prompts too.
Go to Make →Read the deep design articles — Visual Hierarchy and the seven-part Typography series — look up any term in the glossary, and browse the curated galleries of the finest shapes.
Go to Learn →Take the 987-question design quiz, vote in the daily poll, and sharpen your eye on 11 colour and type games plus a whole engine of shape games — odd-one-out, match, memory and more.
Go to Play →One window onto every shape across the database and the Forge. Filter, sort and grab the asset you need without hunting through folders.
Build and explore bold silhouettes — the simplest, strongest version of a form. Useful for testing whether a shape still reads when stripped to its outline.
One of the most powerful free makers here — turn any image into a clean, editable vector silhouette, crisp paths ready to drop straight into a layout. No sign-in, no AI.
Blend any two shapes — or your own photos — into one new dual-tone icon. Five ways to combine, region editing, motion and pace controls, and a save straight into the library.
Pick the right shape for a specific article or section. Search by meaning, see the real SVG, and confirm it carries the idea before you place it.
Write strong, specific prompts for any image model. Turns a vague idea into the detailed language that gets you the picture you actually pictured.
Each series is a full course — long, careful pieces with worked examples, interactive labs, a glossary and a quiz. Read a whole series, or drop into any part.
Start here — the two ideas the whole craft rests on.
One base unit, one shared edge, and the scaffold they build — through to the composition capstone.
From the shape of a single letter to a system of type that performs on the page and the screen.
Read colour as three dials, then wield it — value, contrast, palettes, and a whole system by role.
When a design confuses you, trips you, or lets you fail — it’s the design’s fault, not yours. Six felt modules that prove it.
Six ways the eye groups raw light into objects, groups and meaning — before you ever decide to look.
You can’t read about design taste — you feel it in your hands. Four small labs: squint, kern, build, and see why a masterpiece works. No lectures, no multiple choice.
Every article carries hands-on labs. Here are three you can play with right now — an illusion, a calculator, a playground — pulled straight from the lessons.
Every design term, said simply — with its meaning, an example, and an expressive shape that carries the idea. The fastest way to unstick on a word like kerning, leading or affordance.
A hand-picked wall of the finest dual-tone shapes in the collection. Browse it for inspiration, or to feel what a five-star shape really looks like.
How simple geometry carries meaning — why a circle feels calm and a triangle feels sharp. The grammar behind every shape that reads at a glance.
How a character's face and posture carry feeling, from joy to worry. A study in turning emotion into the smallest visible marks.
Design isn't one job — it's a fan of paths, from products and brands to spaces, cities and data. A few places the craft can lead:
Colour, type, layout, components, responsive and icons — real questions researched from the top sources, each with a clear answer and kind feedback. Take five, then take five more.
Cast a vote and see where everyone lands.
Two shapes, from different corners of the studio — a dual-tone expressive shape, a designer SVG, a cinematic scene. Pick the one you like more. It tallies, then brings the next pair.
Build palettes and feel how colours relate — warm and cool, light and dark. The sandbox for understanding harmony by moving the sliders yourself.
Spot the colour that breaks the harmony, round after round. Trains the eye to feel when a palette sits right and when one note is off.
See at a glance which colour pairs are readable and which fail. A fast way to build an instinct for accessible text on any background.
Name the colour, learn its hue and value. A simple drill that quietly builds the vocabulary every designer needs to talk about colour precisely.
Match a target colour by eye, then check how close you got. Sharpens your sense of hue, saturation and lightness one guess at a time.
Arrange a grid of colours into a smooth gradient. A calm puzzle that teaches how hue and brightness flow into one another.
Match a lip colour to a look and learn what flatters what. Colour theory made playful, with real skin-tone and shade pairings.
Stack blur, brightness, contrast and hue filters and watch the image change live. Learn what each CSS filter really does by feel, then copy the code.
Nudge shapes onto a clean grid and feel why alignment makes a layout look calm. The fastest lesson in why edges should line up.
Try fonts, sizes, leading and tracking on real text and watch readability change. The hands-on way to feel what setting type well actually means.
Design your own signature and learn the rhythm of handwriting and flourish. A playful entry into letterforms, weight and personal style.
Pair the shapes that belong together by meaning. Trains the link between a form and the idea it carries, two cards at a time.
Order shapes from gentle to intense along one feeling. Teaches how small changes in a form shift its emotional weight.
Flip and remember the matching shapes. A classic memory game that quietly teaches you to notice the details that make shapes distinct.
Spot the pattern and pick the shape that continues it. Builds the eye for rhythm and progression that good sequences rely on.
Rebuild a scrambled shape from its pieces. A satisfying spatial puzzle that sharpens how you read parts into a whole.
Odd-one-out, swipe, ranking, rotation, drag-to-category, clustering and family-tree — the whole visual engine in one place, each game playing real expressive shapes.
Clean up rough notes into clear, shaped text. Strips the filler and tightens the wording so your thinking reads the way you meant it.
See which words you lean on too often. Paste any text and get a clear count, so you can vary your language and catch crutch words.
Turn written text into natural-sounding speech. Useful for proofing by ear, or giving any page a spoken version. A richer voice set is on the way.
Ten one-tap nature soundscapes — rain on a window, a bamboo waterfall — that loop quietly behind your work, plus a one-minute breathing exercise for tight deadlines.
These makers call an AI model to generate for you, so they sit behind a pass while we finish pricing. Have the passphrase? Unlock below. New here? Request access and we’ll send it over.
Enter the shared passphrase — or request access.
The whole library of 100,000 dual-tone shapes, searchable by meaning. Preview any shape, rate it, and find the one that truly says a word. This is home base for every expressive icon.
Forge a brand-new dual-tone shape from a short prompt of eight to twelve words. The foundry where missing shapes are made, rated, and promoted into the live library.
Describe an idea in plain words and get a clean vector shape back. Best when you know the meaning you want but cannot find it in the library.
Turn a photo or a rough sketch into a tidy, scalable vector. Great for tracing a logo idea or cleaning up a hand drawing into crisp lines.
Turn flat shapes into soft, painterly watercolour art. Adds warmth and texture when a clean icon feels too cold for the brand.
Make playful sticker-style icons with clean outlines and a friendly border. Perfect for chat, kids' content, or anywhere a shape needs to pop.
Answer three quick prompts — a character, a feeling, a style — and the studio draws a bold, looping chat sticker as a single animated SVG. Quality tiers, forty-plus motions, speed and part-level life, plus fixed captions. Ready to drop into any conversation.
Build an icon by simply chatting your way to it. Describe, react, refine — a conversational path to a finished shape with no menus to learn.
The front door to every SVG generator in one place. Start here if you are not sure which maker fits the shape you have in mind.
Tell us a little about you. We review every request and email the Make·AI passphrase over.
Your request is in. We’ll review it and email the passphrase to soon.
Visual hierarchy is the order in which the eye moves across a design. Designers create it with size, weight, colour, contrast and position, so the most important thing is seen first, the next thing second, and so on. Without it, everything competes for attention and the viewer feels lost.
| Responsive | Adaptive |
|---|---|
| One fluid layout that bends to any width | A few fixed layouts for set breakpoints |
| More flexible across unknown devices | Tighter control on known devices |
| Built with flexible grids and media queries | Built by detecting the screen and choosing |
The 8-point grid spaces everything in multiples of eight pixels — padding, margins and gaps. Because separate elements and screens snap to the same rhythm, uncoordinated work lines up by default and the whole interface reads as tidy and intentional.
Every shape lives in the library, browsable in the Expressive Explorer. When one does not exist yet, it is made in the Icon Forge — never drawn by hand. Each is a rated, dual-tone shape that means a word, ready to drop into a design.
A design system is a shared library of reusable components, colour and spacing tokens, and the rules for using them. It lets many people build a product that still looks and behaves like one thing — and it makes change faster, because you fix it once and it updates everywhere.
A few generators — the Forge, Explorer, Watercolour, Sticker and Chat Builder — are password-gated because they create and write to the live shape library. They are marked with a lock. Everything else is open to use right away.