Major Third スケール

このツールでできること

• Major Third スケールでは、Major Third 1.25 を基準に base から 5x までの rem 段階を一覧表示します。
• 関連する観点として Major Third スケール、major 3rd scale、CSS を確認し、結果をコピーして別の作業に使えます。

使い方

1. Item 列で base から 5x までの段階数を確認します。
2. Content 列の rem 値を、本文、カード見出し、ページ見出しの順に割り当てます。
3. 1.25 倍は上昇が緩やかなため、複数階層を同じ画面に置く UI で候補にします。
4. 差が足りない場合は Perfect 4th、より強い演出には Golden の表へ切り替えて比較します。

入力例・出力例

よくある利用シーン

• ダッシュボードや設定画面で、見出し差を控えめに保ちたいとき。
• カード、フォーム、サイドバーなど小さな部品の文字階層を作るとき。
• 本文 1rem を基準に、3rem 前後までの実用的なサイズ範囲を決めるとき。
• Golden の上位段階が大きすぎるページで代替比率を探すとき。

結果確認のポイント

• 生成したCSSや設定値を実際のコンポーネントに入れ、レスポンシブ表示も確認してください。
• Major Third スケール、major 3rd scale、CSSの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• ブラウザ差や既存CSSとの競合があるため、公開前に対象環境で確認してください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• Major Third スケールの主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール