News
|
Design token ugly mode
ericwbailey.website

Design token ugly mode

Design token "ugly mode": a visual strategy to expose inconsistent UI implementations and promote comprehensive design system adoption.

Explore links in this article

www.designtokens.org
A comprehensive glossary of design tokens and design systems terminology.
https://designtokens.org
scribe.rip
An article discussing the importance of naming tokens in design systems.
https://scribe.rip
ericwbailey.website
Invisible success
It is difficult to quantify a void.
https://ericwbailey.website
get-color.com
A tool for generating random colors for design inspiration.
https://get-color.com
scribe.rip
Examining the importance of visual regression testing in web development.
https://scribe.rip

Breakdown

Eric proposes an "ugly mode" that can help visualize design token implementation across websites and applications. "ugly mode" would apply random colors to design elements, making it easy to identify areas where design tokens are not properly implemented. This method aims to highlight inconsistencies in design and encourage more comprehensive adoption of design tokens.

Read full post on ericwbailey.website →
Author profile picture

Prototypr Team

Author

Curated

8th July 2024

Source

ericwbailey.website

Tags

User experience

Related

Brand logo for external website's link
Ad
Brand logo for external website's link
Letter
An AI-assisted newsletter builder for content creators, designers, and developers.
Get

Tomorrow's news, today

AI-driven updates, curated by humans and hand-edited for the Prototypr community