CONTENTS
Illustration

言葉にできない温もりを、線とかたちで伝える。

THE PERSONのイラストレーションは2つのスタイルで構成される。機能的なラインアイコンは情報を整理し、表現豊かなイラストはブランドの温もりを視覚化する。Streamlineファミリーで統一されたビジュアルが、あらゆるタッチポイントで一貫した世界観を届ける。

TWO STYLES

用途に応じて「アイコン」と「イラスト」を使い分ける。アイコンは情報設計、イラストは感情設計。どちらもStreamlineファミリーで統一し、ブランドの一貫性を保つ。

ICON
Running Heart User Trophy Calendar Check

Streamline Core — モノラインのアイコンセット。UIナビゲーション、リスト項目、カテゴリー表示など、情報を素早く伝えるために使用する。黒ストロークのみのミニマルなスタイル。

STREAMLINE CORE LINE STYLE STROKE #000 99 ICONS
ILLUSTRATION
Fitness Coach High Five Team Success

Streamline Brooklyn — ブランドカラーでカスタマイズされたイラストセット。人・シーン・感情を豊かに表現し、ヒーローエリア、サービス紹介、SNSなどで使用する。

STREAMLINE BROOKLYN TWO-COLOR #E2792E + #191919 102 ILLUSTRATIONS
HOW TO CHOOSE:
ICON → 情報整理
ILLUST → 感情表現

アイコンは「何があるか」を伝え、イラストは「どう感じるか」を伝える。ナビゲーション、リスト、ボタンにはアイコンを。ヒーロー、カード、SNS投稿にはイラストを。迷ったら「ユーザーが情報を探しているか、感情を受け取っているか」で判断する。

  • UIコンポーネント内 → アイコン
  • サービス紹介・ストーリー → イラスト
  • 1つの画面にアイコンとイラストを混在させてよい
  • アイコンのカラー変更は禁止、イラストはブランドカラー2色のみ
ICON LIBRARY

Streamline Core — 99のラインアイコン。黒ストローク、均一な線幅、丸みのあるコーナー。情報をすばやく、明確に伝えるための機能的なビジュアル。

PEOPLE & FITNESS
AccessibilityAccessibility
Account AddAccount Add
Account RemoveAccount Remove
Person In ChargePerson In Charge
CyclingCycling
Fist BumpFist Bump
HeartHeart
High FiveHigh Five
RunningRunning
User AddUser Add
User AlertUser Alert
UserUser
User EditUser Edit
FemaleFemale
MaleMale
User FolderUser Folder
TeamTeam
WaterWater
ACHIEVEMENT & ENGAGEMENT
FavoriteFavorite
CrownCrown
DiamondDiamond
InstagramInstagram
LikeLike
MedalMedal
MegaphoneMegaphone
Star BadgeStar Badge
Star MedalStar Medal
TrophyTrophy
SCHEDULE & NOTIFICATION
Add NotificationAdd Notification
Task ReminderTask Reminder
Alarm ClockAlarm Clock
Alarm BoltAlarm Bolt
Alarm GearAlarm Gear
NotificationNotification
Bell TimerBell Timer
CalendarCalendar
Calendar CheckCalendar Check
Calendar GearCalendar Gear
ClockClock
DOCUMENT & MEDIA
Add BookmarkAdd Bookmark
Attach FileAttach File
BookBook
Flip PageFlip Page
BookmarkBookmark
ChecklistChecklist
ClipboardClipboard
Folder CopyFolder Copy
Multiple FilesMultiple Files
PaperclipPaperclip
Paperclip 2Paperclip 2
PresentationPresentation
SlideshowSlideshow
TagTag
Tag ChevronTag Chevron
VideoVideo
NAVIGATION & UI
AddAdd
CursorCursor
CheckCheck
DownloadDownload
GridGrid
HelpHelp
HomeHome
Home 2Home 2
InfoInfo
LayersLayers
LocationLocation
SearchSearch
Search CircleSearch Circle
Search AppSearch App
ACTION & TOOLS
AlignAlign
Apply AllApply All
BlockBlock
Block 2Block 2
SettingsSettings
ComponentComponent
DistributeDistribute
PinchPinch
FlattenFlatten
PenPen
PencilPencil
Pencil LinePencil Line
EditEdit
DeleteDelete
RotateRotate
SliderSlider
WrenchWrench
COMMERCE & STATUS
AlertAlert
Bag YenBag Yen
CoinsCoins
GraphGraph
Key AccessKey Access
PinPin
Pin OffPin Off
Pin 2Pin 2
SkullSkull
TicketTicket
Ticket 2Ticket 2
WarningWarning
CautionCaution
ILLUSTRATION LIBRARY

Streamline Brooklyn — 102のイラスト。ブランドカラー #E2792E(オレンジ)と #191919(ブラック)の2色でカスタマイズ済み。人物の動き、チームの活気、達成の喜びを豊かなシーンで表現する。

FITNESS & WELLNESS
Being HappyBeing Happy
Being HealthyBeing Healthy
Being In PeaceBeing In Peace
Bike To WorkBike To Work
Bike To Work 2Bike To Work 2
Climbing StairsClimbing Stairs
Desk BikeDesk Bike
ExerciseExercise
Exercise 2Exercise 2
Fitness AppFitness App
Fitness App 2Fitness App 2
Fitness CoachFitness Coach
Home GymHome Gym
Home Gym 2Home Gym 2
People RushingPeople Rushing
Workout IndoorsWorkout Indoors
グループ 17THE PERSON Original
TEAM & COLLABORATION
CollaborationCollaboration
Collaboration 2Collaboration 2
Collaboration 3Collaboration 3
Diverse TeamDiverse Team
Feasibility MeetingFeasibility Meeting
High FiveHigh Five
InterviewInterview
LeaderLeader
LeadershipLeadership
ManagerManager
Office ChatOffice Chat
Team BuildingTeam Building
Team SuccessTeam Success
Team Success 2Team Success 2
Team Success 3Team Success 3
TeamworkTeamwork
TwinsTwins
Work CollaborationWork Collaboration
ACHIEVEMENT & GROWTH
ProductiveProductive
Productive 2Productive 2
CertificateCertificate
DoneDone
Done 2Done 2
Good WorkGood Work
MilestoneMilestone
Podium MedalPodium Medal
Podium Medal 2Podium Medal 2
Product LaunchProduct Launch
RatingRating
Rating 2Rating 2
Top Of PodiumTop Of Podium
WORKSPACE & CAREER
AssistantAssistant
Coworking PlaceCoworking Place
Coworking SpaceCoworking Space
Coworking Space 2Coworking Space 2
Designer DeskDesigner Desk
Digital NomadDigital Nomad
HiringHiring
Hiring 2Hiring 2
Home OfficeHome Office
Night ShiftNight Shift
Office WorkingOffice Working
Remote WorkRemote Work
Task ListTask List
TrainerTrainer
Trainer 2Trainer 2
Work AppsWork Apps
WorkflowWorkflow
COMMUNICATION & SUPPORT
Add CommentAdd Comment
Add ProfileAdd Profile
Checking PhoneChecking Phone
Clean UpClean Up
FAQFAQ
FAQ 2FAQ 2
Filling SurveyFilling Survey
Leave ReviewLeave Review
No ContactNo Contact
Online GiftingOnline Gifting
Page Not FoundPage Not Found
Page Not Found 2Page Not Found 2
Problem SolvingProblem Solving
Product ManualProduct Manual
Social InfluencerSocial Influencer
Thank YouThank You
WaitingWaiting
Waiting 2Waiting 2
We Got A ProblemWe Got A Problem
WelcomeWelcome
COMMERCE & SERVICE
Analyze DataAnalyze Data
Analyze Data 2Analyze Data 2
Analyze Data 3Analyze Data 3
Business DealBusiness Deal
Coming SoonComing Soon
Empty OrderEmpty Order
FamiliesFamilies
In-App PurchaseIn-App Purchase
Get StartedGet Started
Pay Day SalePay Day Sale
PaymentPayment
Payment 2Payment 2
Purchasing TicketPurchasing Ticket
Sales MarketingSales Marketing
Same Day DeliverySame Day Delivery
SubscribeSubscribe
Taxi RideTaxi Ride
ILLUSTRATION IN USE

アイコンとイラストが、実際のタッチポイントでどのように機能するか。それぞれの文脈に合わせた使い方で、THE PERSONの世界観を一貫して届ける。

THE PERSON
からだの
「かかりつけ」を、
すべての人に。
RESERVE
WEBSITE HERO
SCHEDULE
2/15(土)10:00
パーソナル 60min
Home
Schedule
Record
Profile
APP NAVIGATION
一人じゃない。
だから続く。
THE PERSON
SNS POST
ようこそ!
まずは体験セッションから
始めてみませんか?
GET STARTED
APP EMPTY STATE
GROUP PERSONAL
みんなでやるから、
楽しく続く。
SERVICE CARD
THE PERSON
今月もお疲れさまでした!
12月のトレーニング記録を
お届けします。
EMAIL HEADER
Training
Lounge
Care
THE PERSON SHIBUYA
GYM SIGNAGE
THE PERSON
MEMBER CARD
田中 花子
SINCE 2024.01
MEMBER CARD
ILLUSTRATION PRINCIPLES

01 TWO-COLOR SYSTEM

イラストはブランドカラー #E2792E(オレンジ)と #191919(ブラック)の2色のみで構成する。追加の色は使わない。この制約がブランドの一貫性を保つ。

02 CONSISTENT STYLE

アイコンはStreamline Core、イラストはStreamline Brooklyn。ファミリーを混在させない。手描き風やフラットなど、別スタイルのイラストは使用しない。

03 CONTEXT FIRST

装飾ではなく、文脈を伝えるために使う。イラストは「何が起きているか」を補足し、ユーザーの理解を助ける。意味のない配置はしない。

04 BREATHING ROOM

イラストの周囲に十分な余白を確保する。テキストや他の要素と重ねない。余白がイラストの「空気感」を生み、ブランドの落ち着きを伝える。