Category: Styleguides
-
wcag and design systems: why accessibility belongs in the token layer
—
by
in Accessibility, Color, css, Figma, Fonts, Iconography, Sites, Styleguides, Tokens, UI KIt, UI/UX, Web DesignWCAG compliance isn’t a checklist you run at the end — it’s a constraint you build into the system at the token level. A lot of designers treat accessibility as a QA pass: ship the design, then check the contrast ratios. That approach fails at scale because it moves the problem downstream where it’s expensive…
-
color systems
A palette comprises a collection of colors, while a color system establishes rules for color usage across three tiers: primitives (raw values), semantics (assigned meanings), and components (which utilize these meanings). This structure allows for streamlined updates across surfaces, enabling automatic adjustments for themes and branding changes.
-
i built a design system business in 6 weeks using only claude code
—
by
in AI, Automation, Color, Components, Educational, Illustrations, Images, Sites, Styleguides, Tokens, Typography, UI/UX, Web DesignSix weeks from first commit to a deployed product site, a content pipeline, a Gumroad membership, and a MailerLite funnel — one designer, one tool, no team. On April 25, 2026 I ran git init in a Google Drive folder. On June 5 I had a functioning design system business: a static site deployed to…
-
BRAND: Electronic Arts
—
by
in Color, Fonts, Iconography, Illustrations, Images, Sites, Styleguides, Typography, UI KIt, UI/UX, Unique DesignsElectronic Arts 2025 BRAND REFRESH by Instrument DESIGN STUDIO Check out this article by Brand Archive that details the elements of the 2025 brand refresh from Electronic Arts and their partnership with Instrument design studio. https://brandarchive.xyz/identity/electronic-arts
-
Huemint
AI-powered color palette generator that uses machine learning to create harmonious and contextually relevant color schemes for graphic design, branding, and websites. Unlike traditional color tools that produce a flat palette, Huemint’s key innovation is generating colors based on how they will be used in the final design, such as considering which colors are for…
-
Slack: Brand Identity
Brand identity for the collaboration hub captures its simplicity and ease of use. Slack offers a new and a better way to work together by replacing email inside companies of all sizes; providing a place that connects conversations, information and software. Designer: Pentagram Slack Brand Identity Zoom Enlarge Slack Styleguide Fonts: Larsseit, Slack Circular Also,…
-
Material Design 3 – Components
Material 3 is the latest version of Google’s open-source design system. You can design and build beautiful, usable products with Material 3 components. Components are interactive building blocks for creating a user interface. They can be organized into five categories based on their purpose: Action Action components help people achieve an aim. Communication Communication components…
-
QATAR 2022 WORLD CUP BRAND GUIDE
Official brand of FIFA World Cup Qatar 2022. Created with FIFA and the Qatari Local Organising Committee, the new brand takes inspiration from the amazing Arab culture… Source: https://www.unlockbrands.com/en/work/fifa/fifa-world-cup-qatar-2022-a-loop-of-culture-and-football/ Designer: Unlock Brands View Fifa+ to follow the 2022 World Cup Tournament in Qatar