Component First Strategy

CSS Modules Strategy

Tight Token Strategy

Color Token Patterns

Typography Token Patterns

Component Tokens & Arbitrary Values

Two-Tier Size Strategy

Advanced Custom Properties

Custom Properties Pattern Catalog

Theming Recipes

Multi Namespace Token Strategy

EN/JA

OverviewMethodologyLayoutTypographyStylingResponsiveInteractiveClaude···

Overview Methodology Layout Typography Styling Responsive Interactive Claude

Type to search...

to open search from anywhere

EN/JA

Component First Strategy

CSS Modules Strategy

Tight Token Strategy

Color Token Patterns

Typography Token Patterns

Component Tokens & Arbitrary Values

Two-Tier Size Strategy

Advanced Custom Properties

Custom Properties Pattern Catalog

Theming Recipes

Multi Namespace Token Strategy

EN/JA

Methodology

Methodology

CreatedMar 13, 2026UpdatedApr 4, 2026Takeshi Takatsudo

CSS architecture strategies: BEM, CSS Modules, component-first, design tokens, and cascade layers.

BEM Strategy

Revision History

Fundamentals

Tight Token Strategy
Component First Strategy
Three-Tier Color Strategy

Copyright © 2026 Takazudo. Built with zudo-doc. Enjoy synth on Takazudo Modular.