「メルカリっぽい感じで、でも少しフォーマルに」 クライアントからそう言われたとき、スムーズに対応できてる？ わかりました！と答えた後、こっそりサイトを開いて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 ━━━━━━━━━━━━━━━━━━━━━━ 注意事項 ━━━━━━━━━━━━━━━━━━━━━━ ・デジタルデータのため返品・返金不可 ・収録データは購入時点のもの（リアルタイム更新なし） ・個人・商用利用可。再配布・転売禁止