Voices are present on the web. Our pattern processes may also.
Designing techniques as living language
Design techniques are living languages, not element libraries. The parts are terms, the patterns are phrases, the designs are sentences, and the tokens are phonemes. Our goods ‘ stories are the product of the conversations we have with people.
But let’s remember that voices increase as a speech gets more fluent without losing its meaning. English in Sydney and English in Scotland are clearly different, but both are identical. The terminology adapts to the situation while maintaining its fundamental meaning. As a Brazilian Portuguese speech who learned English with an American highlight and resides in Sydney, this couldn’t be more visible to me.
Our style processes may operate similarly. A rigorous adhesion to physical conventions results in brittle systems that disintegrate under pressure from the outside. Fluidic techniques can bend without rupturing.
Consistent behavior turns into a captivity
Regular components would speed up development and bring together experiences, which was a promise of design systems. But as methods evolved and products developed more sophisticated, that claim has grown to the point of being a prison. Team submit hundreds of “exception” requests. Alternatively of system parts, products release with solutions. Designers devote more time defending regularity than resolving consumer issues.
Our design techniques must acquire the ability to communicate dialects.
A pattern pronunciation is a comprehensive adaptation of a design system that maintains its core values while creating novel patterns for particular situations. Dials maintain the state’s necessary language while expanding its vocabulary to provide various customers, environments, or constraints, unlike one-off customizations or product themes.
When Perfect Consistency Is A Problem
I had a difficult lesson to learn at Booking.com. Everything we A/B tested was color, version, button, and logo colors. I found this stunning as a specialist with a background in graphic design and company type guides. Booking expanded into a giant without ever taking into account physical consistency, despite everyone’s adoration for Airbnb’s flawless design system.
The panic taught me things important: solved problems are solved, not consistency.
At Shopify. Our crown jewel was Polyris ( ), a mature design language that worked well for laptop manufacturers. We were expected to follow Polaris as-is as a product group. Then my accomplishment team slammed an” Oh, Ship”! momentous as we had to create an app for inventory pickers using our program on shared, battered Android scanners in dark aisles, wearing heavy gloves, scanning dozens of items per second, some with only minimal English comprehension.
Task completion with the accepted Polaris of 0 %.
Every element that worked wonders for retailers entirely failed to satisfy pickers. Bright backgrounds produced brightness. The goals of 44px tap were obscuring with covered fingers. It took too long to interpret sentence-case names. Non-native listeners were confused by multi-step travels.
We had to choose whether to completely reject Polaris or learn to speak warehouse.
The Dialect’s Delivery
We favored creation over trend. We developed what we now refer to as a style dialect by adhering to Polaris’s key principles of clarity, efficiency, consistency.
| Constraint | Fluent Walk | Rationale |
| Low lighting, small light, and light | Black text + dark areas | Reduce screen brightness on low-DP I displays |
| Gloves & urgency | 90px tap targets ( ~2cm ) | Use only comfortable boots |
| Multilingual | Plain speech, single-task windows | Reduce mental strain |
Results: Task completion increased from 0 % to 100 %. From three days to one change, onboard time was cut.
This was a dialect, not a modification or theming; it was a systematic translation that preserved Polaris ‘ fundamental language while creating new words for a particular context. It had picked up the language of inventory and not failed.
The Flexibility Framework
Working on the Jira platform, which is a component of the larger Atlassian structure, I advocated for formalizing this understanding at Atlassian. We needed organized mobility because dozens of products shared a style language across various versions, but we built straight into our ways of working. The outdated model, which required exception requests and unique approvals, was failing at scale.
To help manufacturers determine how versatile they wanted their pieces to be, we created the Flexibility Framework.
| Tier | Action | Ownership |
| Consistent | Adopt left-as-is | software locks style + script |
| Opinionated | Adapt within limits | Software offers intelligent failures, and products can be modified. |
| Flexible | Extend easily | Software defines behavior, and products define their presentation. |
Every aspect was tied together during a transportation redesign. International research and logo remain constant. The behavior of cultural contexts and breadcrumbs changed to flexibility. Product teams could quickly identify areas where creativity was welcomed and where consistency was important.
The Decision Ladder
Freedom requires limitations. We built a straightforward rope to determine when regulations should be broken:
Great: Include system parts that already exist. Quick, reliable, and reliable.
Better: somewhat bend a part. Document the shift. Bring program improvements again for everyone to use.
Best: First, create the ideal practice. Update the system to support it if consumer assessment validates the profit.
Which solution allows users to achieve the fastest? is the key question.
Guidelines are tools, not replicas.
Unity Beats Uniformity
Email, Drive, and Maps all have a distinctive Google voice, but they each speak with their own. They achieve coherence through shared values rather than copied pieces. About$ 30K in engineer time is spent on one additional month of key color debate.
Competency is a consumer outcome, while unification is a brand outcome. Part with the customer when the two fight.
Gates ‘ Gates’ Law:
How can symmetry be maintained while enabling languages? Treat your diction like a life dictionary:
Document every change, such as dialects or warehouses. director with explanations for before and after photos.
Promote shared designs: when three teams freely adopt a dialect and assess its core inclusion.
Retire old idioms using flags and migration notes; this is never a big-bang cleanse. Degrade with context.
A living vocabulary performs better than a freezing handbook.
Begin With Your First Dialect:
Are you ready to create languages? Begin with a bad practice:
Get one user flow this week where great consistency prevents task completion. Could be that mobile users have trouble with desktop-sized components or mobility issues that your regular patterns don’t target.
What causes common patterns to fail in this environment of documentation? climate restrictions person capabilities Task intensity?
Focus on actions rather than aesthetics, style one systematic change. If gloves are the issue, bigger targets are actually serving the customer rather than “broken the technique.” Create the adjustments and render them deliberate.
Test and determine: Does the shift make tasks more effective? Time for production User happiness
Display the savings: If that slang frees yet a second, fluency has paid for itself.
Beyond the Component Library
We’re cultivating design languages, no managing design systems anymore. language that develop as they speak. voices without losing any meaning in spoken language. cultures that prioritize the needs of people over visual ideals.
Our buttons breaking the style guide didn’t matter to the warehouse workers who went from 0 % to 100 % on their jobs. They emphasized the success of the switches.
Your customers share your opinion. Give your program permission to use their speech.
