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

Layout

Layout is how elements are arranged on each screen. It decides what people notice first and how calm or busy a page feels.

Vale & Co.WorkStudioJournalInquire
Furniture, made slowlyA chair you will keep for thirty years.Hand-built in Rotterdam from one plank of European oak.See the collectionVisit the workshop
12 columns

In a prompt“12-column grid”

Vale & Co.WorkStudioJournalInquire
IdentityNaming, marks and type.WebsitesDesign and build.FilmDirection and edit.
Gutter

In a prompt“Wide gutters”

Vale & Co.WorkStudioJournalInquire
Furniture, made slowlyA chair you will keep for thirty years.Hand-built in Rotterdam from one plank of European oak.See the collectionVisit the workshop
Margin

In a prompt“Generous side margins”

Vale & Co.WorkStudioInquire
The page is wide. The reading is not.Text stops at a comfortable measure however big the screen gets.
Container

In a prompt“Content max width 1200px”

FormWorkAbout
One table.Solid ash, four lengths.

In a prompt“Generous whitespace; let headlines breathe”

SignalDashboardsReportsNew
Metric 12.4kMetric 218%Metric 3£91Metric 44.2Metric 5312Metric 60.8sMetric 796%Metric 811Row 1412+3%Row 2389-1%Row 3501+9%Row 4277+2%

In a prompt“Low density, one idea per screen”

Vale & Co.WorkStudioJournalInquire
Third thing you seeFirst thing you seeSecond thing you see — the sentence that explains the headline.Fourth: the small print nobody reads until they are ready to buy.Inquire

In a prompt“Headline first, image second, button third”

Vale & Co.WorkStudioJournalInquire
The eye lands here

In a prompt“Each section has a single focal point”

Vale & Co.WorkStudioJournalInquire
Everything hangs off one lineA chair you will keepHand-built in Rotterdam.See it

In a prompt“Left-aligned text throughout; nothing centered except the hero”

Vale & Co.WorkStudioJournalInquire
CenteredBalanced on both sides.Formal, calm, and a little ceremonial.OneTwoThree

In a prompt“Symmetrical, centered hero”

Vale & Co.WorkStudioJournalInquire
Off balance, on purposeWeight on one side.More energy than a centered layout, and more modern.

In a prompt“Asymmetrical layouts with offset images”

For makersBuy the chairShop
For architectsSpecify itTrade

In a prompt“Split-screen hero: text left, photo right”

Vale & Co.WorkStudioJournalInquire
Furniture, made slowlyA chair you will keep for thirty years.Hand-built in Rotterdam from one plank of European oak.See the collectionVisit the workshop
Z

In a prompt“Z-pattern hero”

Vale & Co.WorkStudioJournalInquire
DesignedDrawn in the studio.MadeCut, joined and oiled.DeliveredBy us, in person.

In a prompt“Alternate image left and right in feature sections”

Vale & Co.WorkStudioJournalInquire
OneWhat we makeTwoThree quick proofsThreeHow it is madeFourCome and see
long · short · long · short

In a prompt“Even vertical rhythm, 96px between sections”

Vale & Co.WorkStudioJournalInquire
Nothing stops at the margin.

In a prompt“Full-width image bands between text sections”

Vale & Co.WorkStudioJournalInquire
The content sits in a box.The page color shows all the way round it.

In a prompt“Boxed layout with a pale page background”

The QuarterlyIssuesWriters
What we lost when the high street went quietThe butcher closed in March, which everybody had expected, and the hardware shop in June, which nobody had.By August there were eleven empty units on a street that had thirty-four. The council called it a correction.What replaced them was not nothing. It was a vape shop, a barber, and a unit that changed hands four times.

In a prompt“Three-column feature row”

FIELDWorkStudio

In a prompt“Masonry gallery”

TileProductPricingOpen
Everything at a glanceOne big tile sets the subject.14boards98%on time

In a prompt“Bento grid for features”

Vale & Co.WorkStudioJournalInquire
A chair you will keepThe card sits on top of the photograph.

In a prompt“Headline overlapping the photo edge”

Vale & Co.WorkStudioJournalInquire
IdentityOne thing out of lineSo you look at it.Film

In a prompt“One image per page breaks the grid”

Vale & Co.WorkStudioJournalInquire
On paperOn a bandOn the dark oneBack on paper

In a prompt“Alternate white and pale gray sections”

ValeWorkStudioInquire
DesktopOneTwoThree
Vale
PhoneOneTwo

In a prompt“Fully responsive, designed mobile-first”

Below 720pxOneTwo
720px
Above 720pxOneTwo

In a prompt“Breakpoints at 390, 768 and 1440”

Designed here firstA chair you will keepBuyThen widened. Most people arrive on this.

In a prompt“Mobile-first; stack columns on phones”

Wide: side by sideMade slowly
Narrow: stackedMade slowly

In a prompt“Stack cards vertically on mobile”