https://takao.blog/en/tags/design-tokens/Recent content in Design-Tokens on Commentary of TakaoHugo -- gohugo.ioenCommentary of TakaoSat, 13 Jun 2026 23:11:50 +0900https://takao.blog/en/web/css-custom-properties/Tue, 09 Apr 2024 00:00:00 +0900https://takao.blog/en/web/css-custom-properties/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post CSS Custom Properties: Strategic Patterns for Scalable Styles" /><p>CSS Custom Properties (also known as CSS variables) have fundamentally changed how we write and maintain stylesheets. Unlike preprocessor variables from Sass or Less, custom properties are live, dynamic, and participate in the cascade and inheritance. This article explores strategic patterns for using them in production applications — from design token management to runtime manipulation.</p> <h2 id="design-token-management">Design Token Management </h2><p>Custom properties are the ideal vehicle for design tokens — the atomic values that define a design system&rsquo;s visual language. A well-organized token structure groups colors, spacing, typography, and shadows under a clear naming convention.</p>