AIフォントペアリングガイド
このツールは、AIパレット生成を動かすのと同じMiniLMニューラルネットワーク——完全にブラウザ内で動作——を使って、あなたのプロジェクト説明を100組の厳選Googleフォントペアにマッチングします。プロジェクトを説明すると、デザインの個性が最も合うペアが返され、実際のフォントでライブレンダリングされます。
各ペアは見出し用のディスプレイフォントと本文用のテキストフォントを、プロのタイポグラフィルール(コントラストと調和、xハイトの互換性、明確な役割分担)で組み合わせています。すぐ使えるCSSインポートとfont-familyルールをプロジェクトに直接コピーできます。
Pro Tips
- 業界ではなくブランドの個性を説明しましょう。「親しみやすい街のパン屋」は「パン屋」より温かいペアを返します。
- ペアを選んだら実際のコンテンツでテストしましょう。フォントは言語によって見え方が変わるので、実際の見出しと段落のレンダリングを確認してください。
Frequently Asked Questions
Q: これは本当のAIですか?
これは本当のAIですか?はい。ページはONNX Runtime Web経由でall-MiniLM-L6-v2埋め込みモデルを実行し、説明を意味的類似度でペアにマッチングします。データはブラウザから出ません。
Q: これらのフォントはすべて無料ですか?
これらのフォントはすべて無料ですか?はい。100組すべてGoogle Fontsのみを使用し、SILオープンフォントライセンスで商用無料です。
Q: フォントはなぜ重要ですか?
フォントはなぜ重要ですか?タイポグラフィはデザインの個性の9割以上を担います。正しいペアは信頼を築き、ムードを決め、読書を導きます。間違ったペアは優れたレイアウトさえ素人っぽく見せます。
Q: 良いフォントペアとは?
良いフォントペアとは?コントラストと調和の両立:役割は異なり(ディスプレイvs本文)、ムード・プロポーション・時代感が共通すること。太いセリフ見出し+クリーンな幾何学的本文が定番の安全策です。
Q: これらのペアは商用利用できますか?
これらのペアは商用利用できますか?制限なくできます。Google Fontsはオープンソースライセンスで、ペアデータはオリジナルかつ無料です。
日本の伝統色・和色
和色は平安時代の襲(かさね)の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。
山吹色 #F8B500山吹の花に由来する黄金色。JIS慣用色名
撫子色 #EEA9A9ナデシコの花の淡いピンク。平安時代から愛される
茜色 #B7282E茜草の根から染めた深い赤。夕焼けの色
若草色 #C3D825春の新芽を思わせる明るい黄緑
瑠璃色 #1E50A2仏教の七宝「瑠璃」に由来する深い青
桜色 #FEF4F4桜の花びらのようなごく淡いピンク
常磐色 #007B43常緑樹の深い緑。永遠を象徴する
Q: 和色とは何ですか?
和色とは何ですか?和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか?
山吹色はどんな色ですか?山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。