TWOTONE | Context + Visual + Interface = Brand Design

タイプ

• Webサイト
• LP（ランディングページ）
• コンテンツページ
• コーポレートサイト
• ブランドサイト･サービスサイト
• 採用サイト
• ECサイト･オンラインショップ
• 特設サイト･キャンペーンサイト･プロモーションサイト
• ポータルサイト･メディア･情報サイト
• ポートフォリオサイト･プロフィールサイト
• 周年サイト･記念サイト
• プラットフォーム･コミュニティサイト

• BtoBのサイト
• BtoCのサイト

業種･ジャンル

• Web･IT･XR･デジタル･テクノロジー
• AI･人工知能
• サービス･アプリ･ツール･SaaS
• 制作･開発･企画･マーケティング･コンサル
• デザイン･イラスト･撮影･映像制作
• 自社プロダクト･サービス運営
• 求人･マッチング･転職･人材ビジネス
• 金融･投資･保険･士業
• 建築･住宅･不動産･空間設計･エクステリア
• 建設･インフラ･土木･設備
• ビルメンテナンス･清掃･警備
• 製造業･工業･メーカー･商社･物流
• 暮らし･生活
• 小売･製造小売（SPA）
• 生活用品･雑貨･インテリア･家具
• 家電･電気製品
• 車･乗り物･モビリティ
• ファッション･アパレル･アクセサリー･ジュエリー
• 美容･化粧品･コスメ･ケア用品
• 美容室･サロン･エステ･ヨガ
• 運動･スポーツ･ジム
• 病院･クリニック･歯医者･医療･薬
• 健康･セルフケア･サプリ･メンタルヘルス
• 福祉･介護
• 学校･教育
• 保育園･幼稚園･こども園
• スクール･習い事･教材
• ベビー･子ども･子育て
• カフェ･飲食店･テイクアウト
• 料理･食べ物･飲み物･食品製造
• ホテル･旅館･温泉
• 旅行･観光･遊び
• 体験･交流
• イベント･お祭り･アワード
• 商業施設･レジャー施設･文化施設
• スタジオ･レンタルスペース･シェアオフィス
• ウェディング
• ホスピタリティ
• 地域･地方創生･政治･行政･自治体･NPO
• 農業･畜産業･林業･漁業･園芸
• ペット･動物･生き物
• エコ･SDGs･サステナビリティ･脱炭素
• 音楽･芸能･映画･テレビ･配信
• 漫画･アニメ･ゲーム
• キャラクター･バーチャルタレント
• 本･出版･印刷
• カルチャー･アート
• 歴史･文化財･伝統
• 寺･神社･葬儀･仏壇
• 科学･研究
• プロジェクト

特徴･スタイル

• スタイリッシュ
• オーソドックス
• シンプル
• 高級感
• 上品
• 誠実･信頼感
• かっこいい
• かわいい
• やさしい･親しみ･ナチュラル
• ポップ
• ユニーク
• にぎやか
• さわやか
• 清潔感
• 和風･レトロ

• イラストを使用
• 3D表現･3Dイラストを使用
• シズル感や訴求力のある写真･動画を使用
• 印象的な人物写真･動画を使用
• 写真少なめ･写真以外のビジュアル表現

• 魅力的な文字･タイポグラフィ
• 文字のジャンプ率が高い
• 縦書き･縦組みあり
• 日本語主体･英語少なめ
• 英語多め

• 遊び心がある･作り込まれている
• レイアウトに工夫あり
• 雑誌風なレイアウト･あしらい
• アナログ風･クラフト感･手書き･紙･コラージュ
• 質感･柄
• 水彩･絵の具
• 罫線･飾り罫･フレーム
• 図形を多用･幾何学モチーフ
• 角丸
• グラデーション
• 色面構成･ベタ塗り
• 漫画風･アメコミ風
• 女性向け･女性的なテイスト
• 男性向け･男性的なテイスト
• 花･木･葉･植物を使用
• 水･波･波紋･水滴を使用
• 季節感･季節のイベント
• 春
• 夏
• 秋
• 冬

• ステキな｢下層ページ｣あり
• ステキな｢バナー･ボタン･メインビジュアル｣あり
• ステキな｢全画面･ドロワーメニュー｣あり
• ステキな｢写真｣あり
• ステキな｢インフォグラフィック｣あり

色･配色

• ブラック
• ホワイト
• グレー
• ピンク
• レッド･ワインレッド･バーミリオン
• オレンジ
• イエロー
• グリーン･イエローグリーン
• ブルー
• ネイビー
• ブルーグリーン
• ベージュ･グレージュ･アイボリー･クリーム
• ブラウン･キャメル
• パープル･ラベンダー
• ゴールド
• シルバー
• カラフル･多色

• 暖色
• 寒色
• 中性色
• 白黒･モノトーンな配色
• 高級感がある配色
• クール･知的な配色
• 落ち着いた配色
• かわいい配色
• やさしい･やわらかい配色
• 強い･あざやかな配色
• ポップ･楽しい･にぎやかな配色
• さわやか･フレッシュな配色
• ダークな配色
• 和･伝統的･レトロな配色
• 奇抜･めずらしい･派手な配色
• キーカラーが効いてる配色
• 組み合わせが効いてる配色

書体

• 明朝系
• ゴシック系
• 丸ゴシック系
• デザイン系
• 手書き･筆系
• アンチック系

動き･技術

• 動き･アニメーション･エフェクト
• ほぼ動きなし･動き少なめ
• やや動きあり
• 印象的･細やかな動き
• ダイナミックな動き･没入感

• パララックス･スクロールエフェクト
• ホバー
• スライド･カルーセル
• ローディング･オープニングアニメーション
• 要素が動く
• イラストが動く
• 背景が動く･背景に演出
• ページ遷移
• ページトップ
• 動画が流れる
• アクセス･遷移･日時に応じて変化
• ゲーム･診断･メーカー･便利機能

• Canvas･WebGL･Three.js
• React / Next.js
• Vue.js / Nuxt.js
• Astro
• Lottie

レイアウト･その他

• レスポンシブ
• 1カラム
• 2カラム
• シングルページ
• 横スクロール
• 一部横スクロール
• 全方向スクロール
• 多言語対応