モデルの進化は、速い。
けれど、それだけでは届かない。
美意識を型にし、手技へつなぐ。

デザイン・ディシプリン The 4-Domain Design Harness: Graphic, Web, App & Presentation

生成AIの進化は目を見張るものがあります。しかし、AIに「ポスターを作って」「LPを作って」「管理画面を作って」「スライドを作って」とプロンプトを投げて一発で完成形を求めると、どの領域でも「白い角丸カード3連発」「意味のない中央揃え」「薄っぺらいコンサル語の箇条書き」という金太郎飴(AI Slop)の罠に陥ります。

解決策は、モデルのパラメーターを大きくすることではありません。プロのデザイナーや設計者が身体感覚で行ってきた暗黙知――「余白の呼吸」「非対称の重心」「1pxの線の規律」「データのインク効率」「生身の言葉の塩梅」――を構造化し、AIに確かな「デザインハーネス(手綱・型)」として渡すこと。Kamosの「デザイン・ディシプリン」は、グラフィック・Webサイト・Webアプリ・プレゼン(白書)の4領域すべてに「100の審美思想(Discipline)× 1,000の具体手筋(Move)× 24の連係技(Combo)」を体系化し、さらにデザイノグラフィー(Designography)と直結させた実践体系です。

TIER 01 // DISCIPLINE
400 規律
100 Nodes × 4 Domains
TIER 02 // MOVE
4,000 手筋
1,000 Moves × 4 Domains
TIER 03 // COMBO
96 連係技
24 Recipes × 4 Domains
DESIGNOGRAPHY
180+ トーン
Firestore SSOT Linked

3層ハーネス構造(Discipline × Move ➔ Combo)

ポスターでも、Webサイトでも、業務アプリでも、リサーチ白書でも、AIの単調な出力を防ぐ構造は共通しています。「なぜそう組むのか」という思想(Discipline)を構え、「どう手を動かすか」という具体的な手筋(Move)を選び、それらを束ねた連係技(Combo)として出力します。

Tier 01.

思想・構え(Discipline)

100 Principles per Domain

バウハウスの非対称均衡、スイス国際様式の極細グリッド、日本の「間」と縦組みのリズム、エドワード・タフティのData-Ink Ratio(データインク効率)、そして現場の実感から紡ぐ「日本語の塩梅」を各領域100ノードの知識グラフとして定義しています。

単なる「見た目の好み」ではなく、「白い角丸カード3連発を禁じる」「見出しと本文のジャンプ率を1:6以上とる」といった明確な規律とアンチパターン(禁止則)としてAIの推論を制御します。

Tier 02.

手筋・所作(Move)

1,000 Concrete Moves per Domain

思想を実際の画面や紙面に定着させるための「一歩抜きん出たプロの具体技」を、各領域1,000手ずつ収録しています。

たとえば「漢字に対してひらがなを86〜90%に縮小して重心を揃える」「写真の境界線を跨ぐ文字だけ色を反転させる」「1pxの露出ヘアラインで非対称グリッドを組む」「縦罫線を排した1本線テーブルで数値を揃える」など、1pt・1px単位の具体的な実装手順として定義されています。

Tier 03.

連係技(Combo)とトーン統合

24 Signature Combos × Designography

相性の良い複数のDiscipline(思想)とMove(手筋)を束ね、用途や世界観に合わせて即座に発動できる「24の連係レシピ(Combo)」を各領域に備えています。

さらにFirestore上のDesignography(ブランドキット・カスタムトーン・プリセットトーン)と連動し、骨格(レイアウト・文字組み)と空気感(色彩・フォント・質感)を矛盾なく統合します。

Four Domains, One Aesthetic Standard

4つのクリエイティブ領域への適用

紙の組版からWebサイト、業務アプリケーション、調査白書まで、それぞれの媒体特性に合わせた専用ハーネスが機能します。

01 // GRAPHIC & DTP /design_graphic

グラフィック・DTP組版

ポスター、フライヤー、展示パネル、書籍装丁を対象としたAdobe Illustratorネイティブ4層組版(JSX)のための規律と手筋。Web的な「白い角丸カード枠」や「均等3カラム」を排し、断ち切り、階段縦組み、0.35pt極細罫線、ミシン目半券など印刷物ならではの空間構成を実現します。

• 代表コンボ:白樺の独白(L字縦組み+引き算+予約半券)
• 代表コンボ:深海断ち切り・ホライゾン跨ぎスプリット
02 // WEB SITE & LP /design_web

Webサイト・LP設計

ブランドサイト、LP、思想エッセイのためのWeb設計ハーネス。AIが作리가ちな「紫グラデーション背景+3連アイコンカード」を根絶し、非対称12カラム、1px露出ヘアライン、スティッキー縦組み柱、ピン留めスクローリーテリングで雑誌のような読書体験を構築します。

• 代表コンボ:白樺エディトリアル・スティッキー縦柱
• 代表コンボ:スイス・1px露出ヘアライン構造グリッド
03 // WEB APP & UI /design_app

Webアプリ・業務ワークスペース

思考ツールや業務画面のためのUIハーネス。4枚並んだだけの肥大化KPIカードやブラウザ標準のalert()、ツリー構造を直列アンケートに矮小化する手抜き実装を禁じ、3ペイン分割、Cmd+Kコマンドパレット、インタラクティブな決定木・因果ループキャンバスを実装します。

• 代表コンボ:Linear風1pxスプリット・ワークスペース
• 代表コンボ:リアルタイム決定木・因果ループキャンバス
04 // PRESENTATION /design_presentation

プレゼンテーション・調査白書

1920×1080固定キャンバスのスライドおよびリサーチペーパーのための設計ハーネス。退屈な箇条書きスライドや実態のないコンサル用語を排し、1スライド1メッセージの断言見出し(Action Title)、タフテ流の高密度チャート、はみ出しゼロの空間規律を徹底します。

• 代表コンボ:タフテ・スモールマルチプル&スロープ比較
• 代表コンボ:1920×1080 ゼロオーバーフロー視覚監査