ToolAtlasフロントのトークンをコピーするためのページです。比が足りても、実ページの背景画像で落ちることがあります。
ボタンの文字がガイドラインを満たすか、カードの影を数値で渡したいか——デザインページは貼れるCSSです。Figmaの代わりではありません。
開く順番
- コントラストチェックはWCAG風の比です。通常文字のAAはよく4.5:1、大きい文字やUIは3:1が目安です。サイト認証はしません。
- カラーパレットは出発点です。出す前にコントラストを見てください。
- ボックスシャドウとCSSグラデーションはCSSを出します。
- CSS単位換算はルートサイズを仮定したrem/em/pxです。単位換算（kmやlb）とは別です。
ファビコンとSVGは画像・ジェネレーター側です。スタイルシート全体は読みません。
コントラストは比であり認証ではない
パレットとスポイトは色です。比の目安は本文4.5:1、大きい文字や一部UIは3:1です。適合証明書は出しません。影とグラデはCSS断片です。ファビコンは32/180/192/512です。