Jem Gold’s encounter-language—describing how a design should feel rather than what it is made of—puts the intended experience into words. Design systems leader Yesenia Perez-Cruz, who led Shopify’s Polaris system, takes the next step: giving a team enough shared structure to express product meaning coherently, screen after screen.
Many design languages are really style guides. They define typography, color, spacing, shadows, illustrations, and icons, but say little about how to represent the concepts at the center of the product.
If you remove the opinions from container components while the design language still teaches people to place text and controls inside boxes, you will simply end up with more text and controls inside boxes.
Composability creates room to shape. A design language teaches teams what to shape toward.
Instead of treating a design language as a collection of visual rules, we should think of it as a tool for solving communication problems.
It can help to compare it to written language.
Written language has subject matter, vocabulary, grammar, emphasis, and voice. A product design language needs the same: a model of what it must communicate, recognizable visual signs, rules for composing them, ways to direct attention, and a distinct visual character.
Perez-Cruz starts with the product model: the objects, states, actions, and relationships the interface must make understandable. From there, her language needs a vocabulary that makes those concepts recognizable wherever they appear.
A language needs recognizable signs with stable meanings.
You might think of them as:
- Nouns: visual signifiers for orders, customers, articles, or projects
- Verbs: symbols and labels for adding, removing, deleting, publishing, or fulfilling
- Attributes and states: draft, published, paid, delayed, fulfilled, or critical
- Semantic roles: informational, cautionary, destructive, selected, or inactive
At Shopify, an order was most recognizably identified by its order number. A customer could be identified through a consistent customer symbol and name. These signifiers followed the resource wherever it appeared, helping merchants recognize it across different workflows.
The vocabulary also included consistent symbols and labels for common actions, distinct treatments for static attributes and changing lifecycle states, and semantic color roles for informational, cautionary, destructive, successful, and active states.
A product’s visual vocabulary creates recognizable forms.
But vocabulary alone can’t communicate a complete thought.
In Perez-Cruz’s model, stable signs solve recognition; grammar explains how those signs relate. That dependency is what turns a collection of reusable elements into a language capable of expressing a product’s structure.
After defining the vocabulary, you need to define how to combine it into meaningful compositions.
To me, this boils down to a basic question: what do you primarily use to create structure? Shapes, lines, or space?
The combination that you use depends on what relationships and information need to be understandable at a glance.
Those might include:
- Sequential relationships: steps in a workflow, stages of delivery, or progress over time
- Linked relationships: dependencies, inputs and outputs, or causes and effects
- Nested relationships: items within orders, files within folders, or variants within products
- Comparisons: choices, performance between periods, or a value relative to a benchmark
- Movement and change: work velocity, article engagement, momentum, or growth
Grammar describes the recurring visual structures used to communicate those ideas.
Perez-Cruz’s model lets a product’s personality grow from its own logic rather than decoration laid on top.

A design language is more than a visual theme
A design language needs to explain how to express your product’s core concepts, not just how to style components.





















