タイプスケール作成
基準サイズと比率からモジュラー型のタイプスケールを作り、すべての段階を自分のテキストでプレビューして、サイズを px または rem の CSS 変数としてコピーします。
無料 · アップロード不要 · すべて端末内で処理
タイプスケール作成の使い方
- サイドパネルで設定を選んでください。
- 結果はすぐに更新されます。新しく作るには「更新」を選んでください。
- 結果をコピーするか、ダウンロードしてください。
設計からプライベート。入力、開いたファイル、録音・録画はすべてこのブラウザーのタブ内で処理され、KittySuite にアップロードされることはありません。
タイプスケール作成について
各段階は前のサイズに比率を掛けたものです。1.2 のような小さい比率は情報量の多い UI に、1.5 のような大きい比率は大見出しのある記事ページに向いています。名前は Tailwind や多くのデザインシステムで使われる xs〜9xl の命名に従います。
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
始める前の質問
コンテンツは端末の外に送信されますか？
ファイルの内容や入力したテキストが処理のために送信されることはありません。このサイトは必要に応じて自身のコードやアセットをダウンロードします。ホスティングへのリクエストとブラウザーのキャッシュについては、プライバシーページで説明しています。
タイプスケール作成を使う前に確認することは？
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
結果が使えない場合は？
元のファイルはそのままにして、設定に戻ってもう一度お試しください。読み取れないファイルや非対応の構造の場合は、元のアプリから書き出し直す必要があるかもしれません。
スマートフォンでも使えますか？
操作画面は小さな画面にも対応していますが、大きなファイルはモバイル端末のメモリーを超えることがあります。処理に失敗する場合は、小さめのファイルを使うか、何回かに分けて処理してください。