AI業務効率化・自動化レシピ
DESIGN DIRECTION

デザインテイスト

世界観や用途に合うデザインテイストの指定語をまとめます。

HOW TO DIRECT

テイストは、用途と要素を組み合わせて指定します。

テイスト名だけでは出力がぶれやすいため、色・文字・余白・レイアウトも一緒に伝えます。ここでは、近い言葉の違いとそのまま使える指示例をまとめます。

組み合わせ例

テイストは2〜3個までに絞ります。

業務ツールモダンSaaS × Bento Grid × ブルー

複数の機能や数値を、迷わず見比べてもらいたいとき。

上質なブランドミニマル × ラグジュアリー × アイボリー

情報量を絞り、価格や世界観を落ち着いて伝えたいとき。

企画・SNSエディトリアル × レトロ × 高コントラスト

一覧の中で視線を止め、テーマの強さを出したいとき。

基本・信頼

基本・信頼のテイスト

情報を正確に伝えたいWebサイト、資料、業務画面に向く基本のテイストです。

基本・信頼 01

ミニマル

Minimal
向く用途：ブランドサイト・ポートフォリオ

余白を広く取り、色や装飾を絞って主役の情報を際立たせます。

  • 大きな余白
  • 少色数
  • 細い罫線
書体：細めのゴシック体
AIへの指示例ミニマルなデザイン。十分な余白、白・黒・グレーを基調に、装飾を抑えた洗練されたレイアウト。
STUDIO N.

Silence
speaks.

Less, but better.

基本・信頼 02

クリーン

Clean
向く用途：医療・生活・サービス案内

清潔感と安心感を重視し、白地と淡い寒色で軽やかに見せます。

  • 白背景
  • 淡い青・緑
  • 1pxの罫線
書体：丸ゴシック体
AIへの指示例クリーンで明るいデザイン。白い背景、細い罫線、淡いシアンまたはグリーンのアクセント。清潔感と読みやすさを重視。
○

PURE CARE

everyday essentials

基本・信頼 03

コーポレート

Corporate
向く用途：企業・採用・BtoB

整った情報設計と安定した配色で、信頼性と専門性を伝えます。

  • 明快な階層
  • ネイビー
  • 規則的なグリッド
書体：端正なゴシック体
AIへの指示例信頼感のあるコーポレートデザイン。ネイビーをアクセントに、明快な情報階層、整然としたグリッド、過度な装飾は避ける。
NORTHLINE事業紹介　採用情報

社会の基盤を、
次の世代へ。

Web・プロダクト

Web・プロダクトのテイスト

Webサービスやアプリで、機能性と今らしさを両立させたいときの指定語です。

WEB・プロダクト 01

モダンSaaS

Modern SaaS
向く用途：業務ツール・プロダクトLP

読みやすいサンセリフと淡い色面、控えめな角丸で機能を分かりやすく見せます。

  • 淡い色面
  • やわらかい角丸
  • 機能優先
書体：Inter系のゴシック体
AIへの指示例モダンなSaaSプロダクトのUI。明快な情報設計、控えめな角丸、淡いブルーのアクセント、読みやすいサンセリフ。
● Pro PlanMonthly

$29/ユーザー

✓ 無制限のプロジェクト作成
✓ AI自動アシスト機能

WEB・プロダクト 02

Bento Grid

Bento Grid
向く用途：機能紹介・ダッシュボード

大小のカードをグリッドで組み、複数の要点をひと目で把握できる形にします。

  • 大小カード
  • モジュール配置
  • 要点の並列表示
書体：読みやすいゴシック体
AIへの指示例Bento Gridレイアウト。大小のカードを整然と配置し、各カードで機能や数値を短く伝える。余白は十分に取る。
M4 MAX圧倒的な処理能力
SPEED2.5x高速
バッテリー24h
DISPLAYLiquid Retina XDR
WEB・プロダクト 03

ダークUI

Dark UI
向く用途：開発者向け・映像・高集中画面

暗い背景に明るい文字と限定した発光色を置き、集中感や先進性を出します。

  • 濃い背景
  • 高コントラスト
  • 限定した発光色
書体：等幅＋ゴシック体
AIへの指示例洗練されたダークUI。深いチャコールの背景、高い可読性、アクセントは青またはライムを一点だけ使う。
ANALYTICSOverview
LIVE
ACTIVE USERS24,880↗ 18.4% this month

ブランド・表現

ブランド・表現のテイスト

世界観や感情を強く伝える、広告・SNS・画像生成向けのテイストです。

ブランド・表現 01

エディトリアル

Editorial
向く用途：特集・メディア・SNSカルーセル

大胆な文字組みと写真の余白で、雑誌や特集のように情報へ視線を集めます。

  • 大きな見出し
  • 写真主役
  • メリハリ
書体：明朝体＋太ゴシック体
AIへの指示例エディトリアルデザイン。大きく大胆なタイポグラフィ、余白を活かした写真配置、雑誌の特集ページのような構成。
抽象的な静物写真

SPRING / 2026

MAKE
IT
MATTER

ESSAYS ON CULTURE
ブランド・表現 02

ラグジュアリー

Luxury
向く用途：高価格帯・ホテル・美容

色数を抑え、深い色と繊細な文字・余白で上質さを表現します。

  • 深い色
  • 細い書体
  • 静かな余白
書体：細い明朝体 / Serif
AIへの指示例ラグジュアリーなデザイン。黒、深いブラウン、アイボリーを基調に、控えめなゴールド、静かな余白、上質で落ち着いた雰囲気。
MAISON

ÉCLAT

THE ART OF QUIET LUXURY

ブランド・表現 03

レトロ

Retro
向く用途：イベント・カルチャー・企画

年代を示す色、書体、質感を使い、懐かしさや遊び心をつくります。

  • 年代感のある色
  • 質感
  • 装飾文字
書体：装飾ゴシック体
AIへの指示例80年代のレトロなデザイン。ネオンピンクとパープル、グリッド背景、シンセウェーブの光、遊び心のあるタイポグラフィ。
THE NEW WAVEVOL. 08

1984

SUMMER NIGHT
SYNTHWAVE FESTIVAL

19:00 — TOKYO08 / 24
ブランド・表現 04

Kawaii

Kawaii
向く用途：親しみやすい案内・若年層向け

丸み、淡い配色、やわらかなイラストで親しみと安心感を出します。

  • 丸み
  • 淡いパステル
  • やわらかい形
書体：丸ゴシック体
AIへの指示例Kawaiiテイスト。淡いパステルカラー、丸みのあるUI、やさしいイラスト、親しみやすく明るい雰囲気。
FRIENDLY

hello!

ゆるく、たのしく、毎日を。

ブランド・表現 05

ネオブルータリズム

Neo Brutalism
向く用途：強い告知・個性が必要な企画

太い線、強い配色、はっきりした影で、主張の強い画面をつくります。

  • 太い線
  • 原色
  • くっきりした影
書体：極太ゴシック体
AIへの指示例ネオブルータリズム。太い黒線、原色、強いドロップシャドウ、大きな見出し。情報の優先順位を明快にする。
NEW!

MAKE IT
LOUD.