言葉にできない温もりを、線とかたちで伝える。
THE PERSONのイラストレーションは2つのスタイルで構成される。機能的なラインアイコンは情報を整理し、表現豊かなイラストはブランドの温もりを視覚化する。Streamlineファミリーで統一されたビジュアルが、あらゆるタッチポイントで一貫した世界観を届ける。
用途に応じて「アイコン」と「イラスト」を使い分ける。アイコンは情報設計、イラストは感情設計。どちらもStreamlineファミリーで統一し、ブランドの一貫性を保つ。
Streamline Core — モノラインのアイコンセット。UIナビゲーション、リスト項目、カテゴリー表示など、情報を素早く伝えるために使用する。黒ストロークのみのミニマルなスタイル。
Streamline Brooklyn — ブランドカラーでカスタマイズされたイラストセット。人・シーン・感情を豊かに表現し、ヒーローエリア、サービス紹介、SNSなどで使用する。
アイコンは「何があるか」を伝え、イラストは「どう感じるか」を伝える。ナビゲーション、リスト、ボタンにはアイコンを。ヒーロー、カード、SNS投稿にはイラストを。迷ったら「ユーザーが情報を探しているか、感情を受け取っているか」で判断する。
- UIコンポーネント内 → アイコン
- サービス紹介・ストーリー → イラスト
- 1つの画面にアイコンとイラストを混在させてよい
- アイコンのカラー変更は禁止、イラストはブランドカラー2色のみ
Streamline Core — 99のラインアイコン。黒ストローク、均一な線幅、丸みのあるコーナー。情報をすばやく、明確に伝えるための機能的なビジュアル。
Streamline Brooklyn — 102のイラスト。ブランドカラー #E2792E(オレンジ)と #191919(ブラック)の2色でカスタマイズ済み。人物の動き、チームの活気、達成の喜びを豊かなシーンで表現する。
アイコンとイラストが、実際のタッチポイントでどのように機能するか。それぞれの文脈に合わせた使い方で、THE PERSONの世界観を一貫して届ける。
「かかりつけ」を、
すべての人に。
だから続く。
始めてみませんか?
01 TWO-COLOR SYSTEM
イラストはブランドカラー #E2792E(オレンジ)と #191919(ブラック)の2色のみで構成する。追加の色は使わない。この制約がブランドの一貫性を保つ。
02 CONSISTENT STYLE
アイコンはStreamline Core、イラストはStreamline Brooklyn。ファミリーを混在させない。手描き風やフラットなど、別スタイルのイラストは使用しない。
03 CONTEXT FIRST
装飾ではなく、文脈を伝えるために使う。イラストは「何が起きているか」を補足し、ユーザーの理解を助ける。意味のない配置はしない。
04 BREATHING ROOM
イラストの周囲に十分な余白を確保する。テキストや他の要素と重ねない。余白がイラストの「空気感」を生み、ブランドの落ち着きを伝える。