AIスタイルガイドのガイド
ブランドを一文で説明すると、このツールが完全なデザインシステムを組み立てます:マッチしたカラーパレット、プロのフォントペア、8段階のタイポグラフィスケール、8ptスペーシンググリッド、角丸、シャドウ。2回のニューラルネットワークマッチング(パレットテーマ+フォントペア)がブラウザ内で実行され、結果は1つのコピー可能なCSS変数ブロックにまとまります。
すべてが実際のデザインシステムの慣例に従います:タイポグラフィスケールは16px基準の1.25比率、スペーシングはMaterial Designの8ptグリッド、CSS変数はモダンな--token命名パターンで、どのプロジェクトにもそのまま使えます。
Pro Tips
- CSS変数ブロック全体をコピーして:rootに貼り付けるだけ——プロジェクト全体が即座にガイドを継承します。
- 異なる説明(「大胆なテック」vs「ソフトなウェルネス」)でいくつかのバリアントを生成し、確定前にどの個性がブランドに合うか比較しましょう。
Frequently Asked Questions
Q: これは本当のAIですか?
これは本当のAIですか?はい。パレットとフォントペアは、当サイトのAIツール共通のMiniLMニューラルネットワークがマッチングし、完全にブラウザ内で動作します。タイポグラフィスケール、スペーシング、角丸、シャドウのルールは確立されたデザインシステムの数学に従います。
Q: デザインシステムとは何ですか?
デザインシステムとは何ですか?デザインシステムは、デザイン判断の唯一の情報源——色、タイポグラフィ、スペーシング、コンポーネント——を再利用可能なトークンとして表現したものです。大規模製品の視覚的一貫性を保ち、開発を加速します。
Q: 生成されたガイドは商用利用できますか?
生成されたガイドは商用利用できますか?完全に可能です。パレットとフォントペアは無料データとGoogle Fonts(オープンソースライセンス)を使用。CSS変数は標準トークンです。
Q: 他のAIツールとの違いは?
他のAIツールとの違いは?AIパレットとAIフォントペアリングはそれぞれ1つのピースを解決します。スタイルガイドは両方を完全なコピー可能システムに合成します——ブランドアイデアから使えるデザイン基盤への最速ルートです。
Q: モデルの読み込みに失敗したら?
モデルの読み込みに失敗したら?スターターガイド(最初のパレット+最初のフォントペア)が即座に表示され、モデルのダウンロード中はキーワードマッチャーが対応します。
日本の伝統色・和色
和色は平安時代の襲(かさね)の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。
山吹色 #F8B500山吹の花に由来する黄金色。JIS慣用色名
撫子色 #EEA9A9ナデシコの花の淡いピンク。平安時代から愛される
茜色 #B7282E茜草の根から染めた深い赤。夕焼けの色
若草色 #C3D825春の新芽を思わせる明るい黄緑
瑠璃色 #1E50A2仏教の七宝「瑠璃」に由来する深い青
桜色 #FEF4F4桜の花びらのようなごく淡いピンク
常磐色 #007B43常緑樹の深い緑。永遠を象徴する
Q: 和色とは何ですか?
和色とは何ですか?和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか?
山吹色はどんな色ですか?山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。