Design Dialects: Breaking the Rules, Not the System

“Language is not merely a set of unrelated sounds, clauses, rules, and meanings; it is a totally coherent system bound to context and behavior.” — Kenneth L. Pike

Article Continues Below

The web has accents. So should our design systems.

Design Systems as Living Languages#section2

Design systems aren’t component libraries—they’re living languages. Tokens are phonemes, components are words, patterns are phrases, layouts are sentences. The conversations we build with users become the stories our products tell.

But here’s what we’ve forgotten: the more fluently a language is spoken, the more accents it can support without losing meaning. English in Scotland differs from English in Sydney, yet both are unmistakably English. The language adapts to context while preserving core meaning. This couldn’t be more obvious to me, a Brazilian Portuguese speaker, who learned English with an American accent, and lives in Sydney.

Our design systems must work the same way. Rigid adherence to visual rules creates brittle systems that break under contextual pressure. Fluent systems bend without breaking.

Consistency becomes a prison

The promise of design systems was simple: consistent components would accelerate development and unify experiences. But as systems matured and products grew more complex, that promise has become a prison. Teams file “exception” requests by the hundreds. Products launch with workarounds instead of system components. Designers spend more time defending consistency than solving user problems.

Our design systems must learn to speak dialects.

A design dialect is a systematic adaptation of a design system that maintains core principles while developing new patterns for specific contexts. Unlike one-off customizations or brand themes, dialects preserve the system’s essential grammar while expanding its vocabulary to serve different users, environments, or constraints.

When Perfect Consistency Fails#section3

At Booking.com, I learned this lesson the hard way. We A/B-tested everything—color, copy, button shapes, even logo colors. As a professional with a graphic design education and experience building brand style guides, I found this shocking. While everyone fell in love with Airbnb’s pristine design system, Booking grew into a giant without ever considering visual consistency.  

The chaos taught me something profound: consistency isn’t ROI; solved problems are.

At Shopify. Polaris (https://polaris-react.shopify.com/) was our crown jewel—a mature design language perfect for merchants on laptops. As a product team, we were expected to adopt Polaris as-is. Then my fulfillment team hit an “Oh, Ship!” moment, as we faced the challenge of building an app for warehouse pickers using our interface on shared, battered Android scanners in dim aisles, wearing thick gloves, scanning dozens of items per minute, many with limited levels of English understanding.

Task completion with standard Polaris: 0%.

Every component that worked beautifully for merchants failed completely for pickers. White backgrounds created glare. 44px tap targets were invisible to gloved fingers. Sentence-case labels took too long to parse. Multi-step flows confused non-native speakers.

We faced a choice: abandon Polaris entirely, or teach it to speak warehouse.

The Birth of a Dialect#section4

We chose evolution over revolution. Working within Polaris’s core principles—clarity, efficiency, consistency—we developed what we now call a design dialect:

ConstraintFluent MoveRationale
Glare & low lightDark surfaces + light textReduce glare on low-DPI screens
Gloves & haste90px tap targets (~2cm)Accommodate thick gloves
MultilingualSingle-task screens, plain languageReduce cognitive load

Result: Task completion jumped from 0% to 100%. Onboarding time dropped from three weeks to one shift.

This wasn’t customization or theming—this was a dialect: a systematic adaptation that maintained Polaris’s core grammar while developing new vocabulary for a specific context. Polaris hadn’t failed; it had learned to speak warehouse.

The Flexibility Framework#section5

At Atlassian, working on the Jira platform—itself a system within the larger Atlassian system—I pushed for formalizing this insight. With dozens of products sharing a design language across different codebases, we needed systematic flexibility so we built directly into our ways of working. The old model—exception requests and special approvals—was failing at scale.

We developed the Flexibility Framework to help designers define how flexible they wanted their components to be:

TierActionOwnership
ConsistentAdopt unchangedPlatform locks design + code
OpinionatedAdapt within boundsPlatform provides smart defaults, products customize
FlexibleExtend freelyPlatform defines behavior, products own presentation

During a navigation redesign, we tiered every element. Logo and global search stayed Consistent. Breadcrumbs and contextual actions became Flexible. Product teams could immediately see where innovation was welcome and where consistency mattered.

The Decision Ladder#section6

Flexibility needs boundaries. We created a simple ladder for evaluating when rules should bend:

Good: Ship with existing system components. Fast, consistent, proven.

Better: Stretch a component slightly. Document the change. Contribute improvements back to the system for all to use.

Best: Prototype the ideal experience first. If user testing validates the benefit, update the system to support it.

The key question: “Which option lets users succeed fastest?”

Rules are tools, not relics.

Unity Beats Uniformity#section7

Gmail, Drive, and Maps are unmistakably Google—yet each speaks with its own accent. They achieve unity through shared principles, not cloned components. One extra week of debate over button color costs roughly $30K in engineer time.

Unity is a brand outcome; fluency is a user outcome. When the two clash, side with the user.

Governance Without Gates#section8

How do you maintain coherence while enabling dialects? Treat your system like a living vocabulary:

Document every deviation – e.g., dialects/warehouse.md with before/after screenshots and rationale.

Promote shared patterns – when three teams adopt a dialect independently, review it for core inclusion.

Deprecate with context – retire old idioms via flags and migration notes, never a big-bang purge.

A living dictionary scales better than a frozen rulebook.

Start Small: Your First Dialect#section9

Ready to introduce dialects? Start with one broken experience:

This week: Find one user flow where perfect consistency blocks task completion. Could be mobile users struggling with desktop-sized components, or accessibility needs your standard patterns don’t address.

Document the context: What makes standard patterns fail here? Environmental constraints? User capabilities? Task urgency?

Design one systematic change: Focus on behavior over aesthetics. If gloves are the problem, bigger targets aren’t “”breaking the system””—they’re serving the user. Earn the variations and make them intentional.

Test and measure: Does the change improve task completion? Time to productivity? User satisfaction?

Show the savings: If that dialect frees even half a sprint, fluency has paid for itself.

Beyond the Component Library#section10

We’re not managing design systems anymore—we’re cultivating design languages. Languages that grow with their speakers. Languages that develop accents without losing meaning. Languages that serve human needs over aesthetic ideals.

The warehouse workers who went from 0% to 100% task completion didn’t care that our buttons broke the style guide. They cared that the buttons finally worked.

Your users feel the same way. Give your system permission to speak their language.

About the Author

A List Apart author Michel Ferreira

Michel Ferreira

Michel Ferreira is a Brazilian designer and Designer Advocate at Figma in Sydney. Over two decades and five countries, he’s worked with teams at Shopify, Booking.com, Atlassian, and Xero. Formerly a design manager, he has returned to hands-on product work—these days the only team he manages at home is three kids, a dog, a cat, and two fish. Through his Latins Who Design podcast, Michel advocates for diverse voices in design.

6 Reader Comments

  1. Awesomeness. You have precisely identified one of the biggest challenges for enterprise and large design system UX designers…and offered exactly what is necessary to overcome this problem. Kudos and thanks for sharing!

    1. This is a thought-provoking read — storytelling really brings user research to life. In a similar way, helping parents understand how to enroll in k12 should also be presented as a clear, narrative journey to engage families and support student success.

  2. Very interesting parallel and metaphor Michel, thank you for sharing your thoughts with the community!

    The examples you mentioned in your writing are so meaningful to me as they are pretty much the norm in the organisation I am working in: so much different contexts, situations and use cases that need specific attention. I love how you put it “Our design systems must learn to speak dialects” and how a single design language can be a range of design accents.

    Your vision is resonating a lot with what we’re currently building for the design system at Thales. In fact, to respond to this challenge we’re developing a Style Configurator at the core of our agnostic Token System. The unique value proposition of this tool is stated like this “The single place for Thales digital product teams to effortlessly customize and integrate Quantum Design System into their projects while preserving the Thales Design Language.”. The goal is to allow teams to manipulate the different visual aspects of a user interface connected to the Token System (color, spacing, typo, …) with pre-defined controllers in a controlled environment and let them configure their very own theme so they can then use it in their design tools or programming language of choice. The engine behind is meant to be fully programmatic design tokens generation and distribution.

    I’d love to continue the conversation with you on this topic, feel free to reach out!

  3. Thanks for sharing! This resonates with how myself and my team have been thinking about design systems. As an engineer, it’s tricky to translate ideas of flexibility in design to code implementation. I’ve found that constructs like “phenomes, words, and phrases” map nicely to levels of abstraction in code (low-level and high-level components), or documentation reference patterns for combining different component implementations. Implementation approaches like composable components (using React, for example) help reinforce ideas of flexibility, exposing APIs for including, excluding, or rearranging pieces with explicit support from the design system level.

  4. Your feedback is appreciated. You’ve pinpointed a major hurdle for enterprise UX designers, and your suggestion provides a clear path forward. Well done, and thanks for contributing to the community.

Leave a Reply

Your email address will not be published. Required fields are marked *

More from ALA

Design for Amiability: Lessons from Vienna

Computing was born in a Viennese café. Between 1928 and 1934, while Hitler plotted and Europe crumbled, a motley crew of mathematicians, philosophers, architects, and economists gathered weekly to puzzle out the limits of reason—and invented Computer Science in the process. What made their collaboration possible wasn't just brilliance (though they had plenty). It was amiability: the careful design of a social space where difficult people could disagree without destroying each other. Longtime A List Apart contributing author Mark Bernstein mines this forgotten history for lessons that might just save today's embattled web from its worst impulses. Spoiler: it involves better coffee service and the looming threat of public humiliation.

From Beta to Bedrock: Build Products that Stick.

Building towards bedrock means sacrificing some short-term growth potential in favour of long-term stability. But the payoff is worth it: products built with a focus on bedrock will outlast and outperform their competitors, and deliver sustained value to users over time. Liam Nugent shows us how.

User Research Is Storytelling

At a time when budgets for user experience research seem to have reached an all-time low, how do we get stakeholders and executives alike invested in this crucial discipline? Gerry Duffy walks us through how the research we conduct is much like telling a compelling story, complete with a three-act narrative structure, character development, and conflict resolution—with a happy ending for researchers and stakeholders alike.