FIRST CHApps

First CH Apps / ブランド情報抽出

ブランド情報抽出

ドメインを入れると、そのサイトのトップページから会社名・会社説明・ロゴとファビコンの候補・配色を拾って並べます。出典は JSON-LD の Organization、og:image、apple-touch-icon、theme-color、CSSカスタムプロパティ、meta description。配色はCSSに書かれた色を出現頻度順に数え、白地・黒地それぞれのコントラスト比を併記します。

提案書・モックアップの「仮ブランド」を組むときの下調べ用です。色の組み合わせをさらに詰めるときは、コントラスト比チェッカー(tools.first-ch.com・ブラウザ内処理)へ色を渡せます。

コントラスト比チェッカー(tools.first-ch.com・ブラウザ内処理)

SERVER PROCESSING — サーバーへ送るもの・保存するもの

送るもの: 入力されたドメイン(URL)だけ。当社サーバー(Cloudflare Workers)がそのトップページを公開ページとして取得し、続けて宣言されている外部CSS(最大4本)・manifest・ロゴ/アイコン画像(最大8件・形式と寸法を読むため先頭64KBまで)を取得します。

保存するもの: ありません。抽出はリクエストの中だけで完結し、ドメイン・結果ともデータベース(KV/D1)へ書き込みません。処理が終わった時点でメモリから消えます。

返すもの: 解析結果だけです(名前・説明の切り詰めた文字列、画像のURLと寸法、#rrggbb にそろえた色と出現回数)。取得したHTML・CSS・画像の原文やバイト列は再配信しません。プレビューの画像はあなたのブラウザが元サイトから直接読み込みます。

注意: 取得は公開GETのみで、社内ネットワーク・localhost・プライベートIP宛は受け付けません。抽出したロゴや配色の権利は各社にあります。提案書・モックでの仮置き以外に使うときは、先方のブランドガイドラインを確認してください。

APIとして使う

POST /brand-fetch/api/extract に JSON({"url": "example.com"})またはフォームを送ると、同じ抽出結果を JSON で返します(画像はURLと寸法のみ)。