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

Graphic elements, surface and form

Graphic elements are the decoration that isn't text or photography. Surface and form describe how "physical" elements feel. Setting a limit on decoration is often the most useful instruction here.

Vale & Co.WorkStudioJournalInquire
Circles, squares, triangles, arches. One shape repeated becomes a brand; four becomes noise.

In a prompt“Simple geometric shapes in brand colors”

Vale & Co.WorkStudioJournalInquire
Soft, uneven, hand-made

In a prompt“Soft organic shapes behind images”

Vale & Co.WorkStudioJournalInquire
A rule under the headingA line between sections does the same work as space, in a quarter of the room.Next sectionA short accent rule is a mark, not a divider.

In a prompt“Hairline rules between sections”

Vale & Co.WorkStudioJournalInquire
Section oneSection two●Section threeHairline, ornament, dashed. Pick one for the whole site.

In a prompt“No dividers; use space instead”

Vale & Co.WorkStudioJournalInquire
The headline, underlined by handA circle, an arrow or an underline that is obviously drawn, not generated.← this one matters

In a prompt“One hand-drawn circle around a key word per page”

Vale & Co.WorkStudioJournalInquire
the joint, before oiling
A note pointing at the thing it is about. Teaches, and makes a page feel human.

In a prompt“Handwritten annotation beside the hero photo”

Vale & Co.WorkStudioJournalInquire
A motif repeated on purpose. Good on a band or a footer; exhausting behind text.

In a prompt“Subtle dot pattern in the footer”

Vale & Co.WorkStudioJournalInquire
Paper, plaster, linen, stone. A photographed surface behind flat elements.

In a prompt“Faint paper texture on backgrounds”

Vale & Co.WorkStudioJournalInquire
A fine speckle over flat color. It stops a gradient looking like plastic.

In a prompt“Light grain over flat colors”

Vale & Co.WorkStudioJournalInquire
One arch, used on every card, every image mask and the logo. That repetition is the brand.

In a prompt“A thin orange arc as the recurring motif”

Vale & Co.WorkStudioJournalInquire
NewOakIn stockMade to orderThe Low Chair£240 · three weeksThe Bench£610 · made to orderSmall, high-contrast, and reserved for status. A pill that says nothing is decoration.

In a prompt“Pill-shaped tags for categories”

Vale & Co.WorkStudioJournalInquire
Three days, and two of them are waitingA marker-pen band behind one phrase. One per page, or it stops meaning anything.

In a prompt“Marker highlight on one word in the headline”

Vale & Co.WorkStudioJournalInquire
AprMayJunJulAugSepOne chart, one point, one color doing the pointing.

In a prompt“Simple flat charts in brand colors”

Decoration budget

How much ornament is allowed

Vale & Co.WorkStudioJournalInquire
061426pill
One radius for the whole site. Two is a decision; five is an accident.

In a prompt“Small corner radius, 8px”

GRIDIndexInfo
Nothing is rounded.OneTwoThreeTimetablePrecise, serious, a little severe. Swiss, editorial and institutional work lives here.

In a prompt“Sharp corners on everything”

Vale & Co.WorkStudioJournalInquire
InquireSee the workIn stockyou@example.comFully round ends. Friendly, modern, and the default for buttons and tags.

In a prompt“Pill-shaped buttons”

Vale & Co.WorkStudioJournalInquire
1px hairline2px inkdashed3px accent
Weight and color say as much as the shape. A thick ink border reads as confident; a hairline as quiet.

In a prompt“1px light borders on cards”

Vale & Co.WorkStudioJournalInquire
RotterdamAntwerpCopenhagenThe thinnest possible line, in a color barely off the background. It separates without being seen.

In a prompt“Hairlines instead of shadows”

Vale & Co.WorkStudioJournalInquire
nearliftedfloating
Soft, offset downward, and never pure black. Shadow is how far off the page a thing is.

In a prompt“Soft, subtle drop shadows”

BOLD!ToolsPricesGet it
PickBuildShipStart nowNo blur, full offset, solid color. Graphic rather than physical.

In a prompt“Hard black shadows on cards”

PlanwiseProductPricingSign in
PlanTrackReportNo shadow, no gradient, no fake light source. Color and spacing do all the separating.

In a prompt“Completely flat surfaces”

Vale & Co.WorkStudioJournalInquire
0 · on the page1 · a card2 · a dialog
Three levels, consistently applied. Everything on the same level casts the same shadow.

In a prompt“Low elevation, almost flat”

Vale & Co.WorkStudioJournalInquire
The Low Chair£240The Bench£610The Table£1,180
A container holding an image, a title and one line, that behaves as a single link.

In a prompt“Content in cards with light borders”

AuroraPlatformDocsStart
See through the whole stackNeeds something interesting behind it, or it is just a gray box.

In a prompt“Frosted glass nav bar”

Vale & Co.WorkStudioJournalInquire
Matte — flat, no highlightGlossy — a light source
Matte reads as considered; glossy as commercial. Pick one for every surface.

In a prompt“Matte look, no gloss”

CONCRETE.TXTIndexInfo
ONETWOTHREEENQUIRENOTHING IS FILLED. STRUCTURE IS DRAWN, NOT SHADED.

In a prompt“Outline buttons for secondary actions”