#design-tokens

[ follow ]
Medium
1 month ago
Web design

Token to Tooling: Generating VS Code Snippets from Design Tokens

Design tokens store key UI elements for design systems and are used to generate consistent themes. Theme generators create themes based on design tokens. [ more ]
Medium
2 months ago
Web design

Theming React Components: A Practical Guide

Theming ensures consistency in a web application's user interface
Design tokens are variables storing design-related values for maintaining consistency [ more ]
Medium
2 months ago
Web design

The universal color palette

The Global Design System should handle 80% or more of common UI needs and have standards for token naming conventions.
Standardization in design systems, specifically color palettes, is crucial for a Global Design System to succeed. [ more ]
Southleft, LLC
2 months ago
Web design

The Value of Design Tokens in Modern Web Development | Southleft, LLC

Design tokens ensure consistency in design elements like colors, spacing, and typography.
Maintainability is enhanced as design changes can be applied globally with design tokens. [ more ]
Verou
2 months ago
Web design

Proposal: CSS Variable Groups

CSS Variable Groups aim to address pain points in design tokens and systems.
The color part of design systems includes core hues and neutrals, each with multiple shades and tints. [ more ]
Verou
2 months ago
Web design

Proposal: CSS Variable Groups

CSS Variable Groups is aimed at solving pain points regarding design tokens and systems.
The color part of design systems includes core hues, neutrals, and shade variations, typically defined with numerical suffixes like --color-red-600. [ more ]
Medium
2 months ago
React

Building a Theme Switcher in React

Creating composable themes for React components can improve accessibility and personalization.
Using a theme switcher simplifies the theming process by managing theme dependencies and allowing easy overriding of existing theme tokens. [ more ]
[ Load more ]