DesignVault Japan｜「◯◯社っぽく」に30秒で即対応！日本62社のデザイン辞典

「メルカリっぽい感じで、でも少しフォーマルに」

クライアントからそう言われたとき、スムーズに対応できてる？

わかりました！と答えた後、こっそりサイトを開いてDevToolsを立ち上げて、

カラーコードをスポイトで取って、フォント名を確認して……

気づけば30分が消えてる。

その作業、このファイルで30秒になります。

━━━━━━━━━━━━━━━━━━━━━━

DesignVault Japan とは

━━━━━━━━━━━━━━━━━━━━━━

日本の有名サービス62社のデザインシステムを

1つのHTMLファイルに体系化したリサーチツール。

ブラウザで開くだけ。インストールなし。アカウント登録なし。

━━━━━━━━━━━━━━━━━━━━━━

こんな場面で使える

━━━━━━━━━━━━━━━━━━━━━━

▼ 打ち合わせの「デザイン方向性」を決める場面

初回打ち合わせで「どんなデザインにしますか？」と聞いても、

クライアントは具体的なイメージを持っていないことが多い。

そこでDesignVaultを開いて画面を見せながら話す。

「こういう色使いか、ああいう雰囲気か、どちらが近いですか？」

カラーパレット・フォント・UIコンポーネントが視覚的にわかるから、

言葉では伝わりにくい「トーン」を打ち合わせの最初から共有できる。

デザインの方向性が、最初の1時間で固まる。

▼ 「◯◯社っぽく変えて」に即対応する場面

制作途中でクライアントから

「やっぱりマネーフォワードみたいな雰囲気にしたい」と言われた。

DesignVaultでマネーフォワードを検索

→ カラーパレット・フォント・コンポーネントスタイルを確認

→ HEXコードをクリックしてコピー

→ そのままコードに貼り付けてスタイルを変更

「参考ブランドを調べる」作業が、30秒で終わる。

クライアントの急な方向転換も、慌てず対応できる。

▼ AIでUIを作る場面

「Notionっぽいダッシュボードを作って」とAIに頼みたいとき。

DesignVaultで「AIプロンプトをコピー」ボタンを押す

→ ClaudeやChatGPTにそのまま貼り付ける

→ Notionのカラー・フォント・デザイン思想を把握したAIがUIを生成

「◯◯社っぽいUI」のAI生成が、1クリックで準備できる。

━━━━━━━━━━━━━━━━━━━━━━

1社あたりにわかること

━━━━━━━━━━━━━━━━━━━━━━

・ブランドカラー5色（HEXコードをクリックでコピー）

・使用フォント名（クリックでコピー）

・ボタン・カード・入力フォームのUIコンポーネント

（実際のブランドカラーで即表示）

・ランディングページのプレビュー

（そのブランドの雰囲気でリアルタイム生成）

・AIプロンプト自動生成

（ClaudeやChatGPTにそのまま渡せる）

━━━━━━━━━━━━━━━━━━━━━━

収録カテゴリ（日本62社）

━━━━━━━━━━━━━━━━━━━━━━

EC・フリマ / 金融・Fintech / IT・テック /

エンタメ・メディア / 医療 / 飲食 / 不動産 /

小売・ファッション / 旅行・観光 / 人材 / 教育 など

━━━━━━━━━━━━━━━━━━━━━━

こんな人向け

━━━━━━━━━━━━━━━━━━━━━━

・フリーランスデザイナー・フロントエンドエンジニア

・「◯◯社っぽく」リクエストをクライアントからよく受ける人

・打ち合わせでデザインの方向性をスムーズに共有したい人

・AIでUI生成するとき、参考ブランドのデータを即用意したい人

・日本の競合サービスのデザイントレンドを一気に把握したい人

━━━━━━━━━━━━━━━━━━━━━━

購入後の使い方

━━━━━━━━━━━━━━━━━━━━━━

ダウンロードしたHTMLファイルをブラウザで開くだけ。

アカウント登録・インストールは一切不要。

Ultimate版（日本＋海外120社・¥3,980）も別途販売中。

グローバルブランドも参照したい方はそちらをどうぞ。

https://owner-os.booth.pm/items/8213007

━━━━━━━━━━━━━━━━━━━━━━

注意事項

━━━━━━━━━━━━━━━━━━━━━━

・デジタルデータのため返品・返金不可

・収録データは購入時点のもの（リアルタイム更新なし）

・個人・商用利用可。再配布・転売禁止