You are viewing this page as an ad destination.
Maister

Your design dictionary.

If you’re not a UI/UX designer and you found yourself starting to build products and websites with AI, it can be hard to describe exactly what you have in mind. You know what it looks like in your head, but you don’t have the vocabulary to verbalize it to your AI assistant. So we made it easier for you and put everything you need to know in a dictionary, so you can build the design of your dreams.

Type scaleBaseline gridAccent colourPaletteNavigationFull-bleed imageContainer
All categories

Components and interaction

Components are the reusable building blocks that appear across the site. Interaction is how they respond when someone uses them. Defining them once keeps every page consistent.

Vale & Co.WorkStudioJournalInquire
AaGeist 400 / 600 / 700PrimarySecondaryTagCardCardCardThe kit the whole site is assembled from, decided once.

In a prompt“Follow the attached design system”

Design tokens

Named values such as colors and sizes, reused everywhere

Vale & Co.WorkStudioJournalInquire
One per screen.InquireFilled with the action color. It is the thing you want them to do, and there is only one.

In a prompt“Orange primary button with dark text”

Vale & Co.WorkStudioJournalInquire
InquireSee the workOutlined, beside the primary. Same size, less weight: the other thing a reasonable person might want.

In a prompt“Outline secondary button”

Vale & Co.WorkStudioJournalInquire
InquireDownload the brochureNo fill, no border, or the faintest possible one. For the third option that most people will not take.

In a prompt“Ghost buttons in the nav”

Vale & Co.WorkStudioJournalInquire
Every chair is built from one plank, which is why no two are the same color. It takes three days.Underlined and colored. Removing the underline to look tidy is how people stop finding your links.

In a prompt“Underlined text links”

Vale & Co.WorkStudioJournalInquire
The Low ChairOak · £240The BenchOak · £610The TableOak · £1,180
Image, title, one line, whole thing clickable.

In a prompt“Service cards with icon, title and one line”

Vale & Co.WorkStudioJournalInquire
How long does one take?−Three days: one to cut, one to join, one to oil. Then a week to cure.Do you ship outside the Netherlands?+Can I choose the finish?+What is the guarantee?+
One question open, the rest closed. For FAQs — not for things people need to read.

In a prompt“FAQ as an accordion”

Vale & Co.WorkStudioJournalInquire
OakWalnutAshEuropean oakPale, open-grained, and it darkens for about five years.Same kind of content, one at a time. If the options are different in kind, use sections.

In a prompt“Tabs to switch between programs”

Vale & Co.WorkStudioJournalInquire
The Low ChairThe BenchThe TableThe Stool
Slides sideways, by arrow or swipe. Most people see slide one and nothing else, so put the best thing first.

In a prompt“No carousels”

Vale & Co.WorkStudioJournalInquire
A chair you will keepHand-built in Rotterdam.Join the list×Nine chairs a month. We tell the list first.you@example.comJoin

In a prompt“No pop-ups on arrival”

Workshop closed 24–26 December. Orders resume on the 27th.×
Vale & Co.WorkStudioJournalInquire
A chair you will keepA strip across the top for one temporary, true thing. Dismissible, and gone when it stops being true.

In a prompt“Slim announcement banner”

Vale & Co.WorkStudioJournalInquire
Ask about a commissionNameMerthe WeusthuisEmailyou@example.comWhat are you after?A dining table for six, in oak.Send
Three fields, labels above, one button. Every extra field costs you answers.

In a prompt“Short contact form: name, email, message”

Vale & Co.WorkStudioJournalInquire
Defaultyou@example.comFocusedmerthe@Errormerthe@That address is missing its ending.
Label above, hint below, and a visible focus ring. Placeholder text is not a label.

In a prompt“Large input fields with visible labels”

Vale & Co.WorkStudioJournalInquire
FinishOiled oak▾Oiled oakWaxed oakSmoked oakPainted, any colorFine for ten options. Below five, show them all as buttons instead.

In a prompt“Dropdown for company size”

Vale & Co.WorkStudioJournalInquire
★★★★★“I asked for a table that would survive two children and a dog. Four years on, it looks better than the day it arrived.”Hanna DekkerUtrecht · bought the Long Table, 2022
A real sentence, a name, a face and a detail. Without all four it reads as invented.

In a prompt“Testimonials with name, role and photo”

Vale & Co.WorkStudioJournalInquire
Specified byGray, evenly sized, one row. Borrowed credibility, and only worth it if the names mean something.

In a prompt“Logo bar under the hero”

Vale & Co.WorkStudioJournalInquire
14years in the workshop9chairs a month30year guaranteeThree numbers, large, with the unit underneath. Four is a table; one is a claim.

In a prompt“Three large figures with sources”

Vale & Co.WorkStudioJournalInquire
Stool£140Oak or ashTwo weeksChooseChair£240Any finishThree weeksChooseTable£1,180Made to sizeSix weeksInquire
Three columns, one marked. Any more and people stop choosing.

In a prompt“Three-column pricing table”

Vale & Co.WorkStudioJournalInquire
1You send the measurementsA sketch comes back within three days.2We cut the plankOne plank, so the color matches.3Three days of workCut, joined, oiled.4We deliver it ourselvesAnd take the packaging away.
Numbered, in order, with one line each. Four steps or five; nine is a manual.

In a prompt“Four-step process shown horizontally”

Vale & Co.WorkStudioJournalInquire
Made to sizeGive us the room, not a product code.One plankSo the grain runs through the whole piece.Thirty yearsIn writing, and transferable.
Three or six, never five. Icon, three words, one sentence.

In a prompt“Feature grid with icons”

Vale & Co.WorkStudioJournalInquire
MertheFounderLeinaWorkshopSamFinishingJoDelivery
Same crop, same background, same light. Four good photographs beat eight mixed ones.

In a prompt“Team grid with headshots”

Vale & Co.WorkStudioJournalInquire
Nine chairs a month. The list hears first.you@example.comJoinOne email when a batch opens. Nothing else, ever.
Say what arrives and how often. “Subscribe to our newsletter” is a reason not to.

In a prompt“Newsletter sign-up in the footer”

Vale & Co.WorkStudioJournalInquire
A chair you will keep
We count visits, and nothing else. No tracking, no third parties.Only essentialFine by me

In a prompt“Small, unobtrusive cookie banner”

Vale & Co.WorkStudioJournalInquire
IdentityNaming and marks.WebsitesDesign and build.FilmDirection and edit.
What changes when the pointer is over it. On a phone there is no hover, so it can never be the only clue.

In a prompt“Cards lift slightly on hover”

Vale & Co.WorkStudioJournalInquire
InquirerestingInquirepressed
The half-second where the button acknowledges the click. Without it the page feels broken.

In a prompt“Buttons darken when pressed”

Vale & Co.WorkStudioJournalInquire
Nameyou@example.comSend
The ring that shows where the keyboard is. Removing it because it is ugly makes the site unusable without a mouse.

In a prompt“Clear focus rings in the accent color”

Vale & Co.WorkStudioJournalInquire
you@SendAdd a valid email address to send.
Visibly off, and it says why. A greyed button with no explanation is a dead end.

In a prompt“Disabled buttons in gray”

Vale & Co.WorkStudioJournalInquire
Add to basket1
A tiny, instant response to one action. It is how a page tells you it heard you.

In a prompt“Subtle micro-interactions on buttons”

Vale & Co.WorkStudioJournalInquire
merthe@Add what comes after the @ and we can reply.merthe@peakx.appThat looks right.
Beside the field, in words, and as soon as it is knowable. Not a red box at the top after submitting.

In a prompt“Inline form validation in plain words”

Vale & Co.WorkStudioJournalInquire
The shape of what is coming, greyed. Better than a spinner, because the page does not jump when it arrives.

In a prompt“Skeleton loading cards”

Vale & Co.WorkStudioJournalInquire
Nothing saved yet.Star a chair while you browse and it will wait for you here.Browse the collection
What the page looks like before there is anything in it, with the one thing to do next.

In a prompt“Friendly empty states with a next step”

Vale & Co.WorkStudioJournalInquire
Kiln-driedDried in a kiln to 8% moisture, so it will not move in a heated room.
A short explanation on hover or tap. Never the only place something important is said.

In a prompt“Tooltips on icons”

Vale & Co.WorkStudioJournalInquire
VIEW
The pointer replaced with something of your own. Memorable on a portfolio, and a nuisance anywhere people need to work.

In a prompt“Default cursor; no custom cursor”

Vale & Co.WorkStudioJournalInquire
×18px — missed×44px — hit
44 by 44 pixels, minimum. The invisible area around a small icon matters more than the icon.

In a prompt“Tap targets at least 44px”