簡単な経緯: 私はタイポグラフィ、スペーシング、アダプティブデザインのアイデアに夢中になっているデザイン兼開発者です。
アダプティブデザインとは何でしょうか？フォントやフォントサイズを変更すると、デザインの他のすべてが新しい設定に合わせて調整されることです。
これまでに何かをカスタマイズしたことがあるなら（特にWordPressテーマやDiscourse）、フォントやフォントサイズを変更すると、多くのものが奇妙に見え始めることがあるのをご存知でしょう。
その奇妙さは、フォントやフォントサイズを変更すると、デザイン全体のプロポーションが変わってしまうという事実によるものです。そのため、選択肢は2つになります。
- CSSを調べて、新しい設定に合わせてすべてを苦労して調整する、または…
- これらの調整をすべて自動で行ってくれる強力なデザインシステムを使用する
私は過去14年間、フォント、フォントサイズ、色などの変更に適応するデザインシステムを構築してきました。
Discourseを（大好きで）使用しているので、Discourseのインストールをカスタマイズするためのツールを作成しました。
このツールはGolden Ratio Typography（GRT）の原則に基づいており、GRT for Discourseと呼ばれています。
GRT for Discourseは何をするのか？
フォント（Google Fontsを含む）、サイズ、レイアウトの色などの基本的なデザイン変数をいくつか選択すると、GRT for DiscourseはDiscourseのインストールにデザイン設定を適用するために必要なCSSを提供します。
Google Fontを選択した場合、GRT for Discourseはそれを環境に追加する方法の説明も提供します。
GRT for Discourseを使用する理由
Discourse環境を適切にカスタマイズすることは、複雑な作業です。私の経験では、カスタマイズに対応するために必要なすべてのCSSの詳細を正確に把握するには多くの作業が必要ですが、GRT for Discourseは、この面倒なプロセスを簡単にします。
Golden Ratio Typographyを使用すると、フォーラムはより視覚的に魅力的で読みやすくなります。また、異なるフォントや色を使用して、Discourseのインストールにブランドを拡張できるのは良いことです。
おそらく最も良いのは、GRT for Discourseが何時間もの作業を数秒に短縮することです。これにより、さまざまなフォント、フォントサイズ、色の組み合わせを高速でテストできます。
GRT for Discourseを使用すると、さまざまな設定をテストして、Discourseフォーラムに最適なデザインを完成させることができます。
GRT for Discourseの価格は？
GRT無料トライアルを開始すると無料です。人々がGRT for Discourseを使用し、簡単で正確なカスタマイズの喜びと満足感を体験してほしいと思っています。
また、GRT無料トライアルを開始すると、GRTフォーラム（当然ながらDiscourseで実行されています）にアクセスできます。そこではGRT for Discourseが実際に動作しているのを見ることができます。私は18pxのIBM Plex Sans（Google Font）とカスタムカラーテーマを使用しています。
最後に…
上記で言及すべきでしたが、GRT for Discourseのクールな点の1つは、ツールの動作方法です。デザイン設定を入力すると、GRT for DiscourseはDiscourseレイアウトのモックアップを返します。これにより、デザイン設定でフォーラムページがどのように見えるかを正確に確認できます。
↑ GRT for Discourseのデザイン設定パネル
これにより、CSSをDiscourseのインストールにコピー/貼り付けする作業を行う前に、見た目が気に入るかどうかを判断できます。
GRT for Discourseを試してみてください。楽しいですよ！