Small, living design pieces — each one carries a word and animates in a few kilobytes. Learn design deeply, play the games, look up any term, and rebuild how a web page feels. 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 →Thousands of shapes in one place. Search, pick the one you like, and use it in your work — no drawing needed.
Strip any shape down to its bold outline. A quick way to check whether a design still reads when it’s just a silhouette.
Drop in any photo and get a clean, sharp shape back — ready to colour and resize. Great for a logo, a sticker, or a poster. Free, no sign-in.
Blend any two shapes — or your own photos — into a fresh two-colour icon. Five ways to mix, with motion, then save it to your library.
Search shapes by meaning and see the real picture before you use it. The fast way to find one that carries your idea.
Turn a vague idea into the exact words an image app needs. Say it once, and get 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.
Read colour as three dials — hue, value, saturation — then wield it: value, contrast, palettes by role, and a whole system. Start at part one or drop into any lesson.
From the shape of a single letter to a full type system that performs on the page and the screen — choosing, pairing, setting, and type with a voice.
One base unit, one shared edge, and the scaffold they build — spacing, alignment, grid anatomy and varieties, responsive grids, through to the composition capstone.
When a design confuses you, trips you, or lets you fail — it’s the design’s fault, not yours. Six felt modules: affordances, mapping, feedback, models, constraints, error.
Six ways the eye groups raw light into objects and meaning before you ever decide to look — proximity, similarity, closure, figure & ground, continuity, common fate.
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.
Paste messy text and clean it in one click — fix the spacing and blank lines, trim extra bits, turn lines into neat bullets. Works instantly, no AI.
Paste any text and see which words you use too often. Helps you vary your writing and catch the same word again and again.
Turn any text into speech. Great for checking how your writing sounds, or reading a page by ear. A richer set of voices is coming.
Ten one-tap nature sounds — rain on a window, a soft waterfall — that play quietly behind your work, plus a one-minute breathing break 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.
Search a library of 100,000 two-colour shapes by meaning. Preview, rate, and find the one that truly says your word. Home base for every icon.
Type eight to twelve words and get a brand-new two-colour shape. Where a missing shape gets made, rated, and added to the library.
Describe an idea in plain words and get a clean shape back. Best when you know the meaning you want but can’t find it in the library.
Turn a photo or a rough sketch into a tidy, scalable shape. Great for tracing a logo idea or cleaning up a hand drawing into crisp lines.
Type one word — ostrich, coffee cup, freedom — and get a soft watercolour icon back. It tells you which model the subject needs before you spend, and caps its own daily bill.
Make bright sticker-style icons with clean outlines and a friendly border. Perfect for chat, kids’ pages, or anywhere a shape should pop.
Answer three easy questions — a character, a feeling, a look — and get a fun animated sticker to drop into any chat.
Build an icon just by chatting. Describe it, react, refine — a simple conversation to a finished shape, with no menus to learn.
The front door to every shape maker in one place. Start here if you’re not sure which one 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.
A brief that's vague, a layout that won't sit right, feedback you need to argue back on. Find the job you're on and take a prompt written for it.
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.
Read, build and craft — from your first word to a voice of your own, with tools for every kind of writing.
Open Writer →The learner’s own doorway — subjects, games, practice and stories, laid out for the student in the seat.
Open Student →Bring meaning to your working life — direction, skills, and the calm to lead well under pressure.
Open Professional →