🚀 新規事業
制作リソース集_lab.terasu
最終更新 2026年05月05日 ／ 40_新規事業/TERASU/制作リソース集_lab.terasu.md
TERASU Lab（lab.terasu.scale-group.co.jp）
制作のための、選び抜いたリソース集。
SCALE目線でキュレーションしたフォント・素材・参考サイトを集約した内部ツール。
---
クイックアクセス
サイト情報
| 項目 | 値 |
|---|---|
| 本番URL | https://lab.terasu.scale-group.co.jp/ |
| Cloudflare project |lab-terasu|
| ローカルパス |/Users/oogushiyuuki/株式会社SCALE/hp/terasu-resources/|
| デザイン | TERASU本体（terasu.scale-group.co.jp）準拠 |
| 公開日 | 2026-05-04 |
30秒で全体像
| 観点 | 一言 |
|---|---|
| 核心 | TERASU制作担当が「これだけ知っていれば手が動く」リソース集 |
| キーワード | フォント / 画像素材 / アイコン / 参考HP / 配色 / ツール |
| 使う人 | TERASU制作担当 / PM / デザイナー |
| 読了目安 | サイト閲覧で3-5分 |
なぜ作ったか
ネット上にHP制作リソース集は山ほどあるが、情報過多で逆に手が止まる。
SCALE目線で「これだけ使えばOK」を厳選したサイトを内部用に作る。
運用方針
| 軸 | 内容 |
|---|---|
| 数を絞る | 各カテゴリ3〜10項目。多すぎると選びにくい |
| 全部使える | 全項目「実際にTERASUで使える」を担保 |
| 容赦なく削る | 微妙なものは即削除。常時メンテ |
| 必要なら追加 | 制作担当から要望出たら追記 |
構成（カテゴリ）
| # | カテゴリ | 主な内容 |
|---|---|---|
| 01 | Fonts（フォント） | Inter / Noto Sans JP / Cormorant Garamond 等 |
| 02 | Stock Images（画像素材） | Unsplash / Pexels / O-DAN / PIXTA |
| 03 | Icons（アイコン） | Lucide / Tabler / Phosphor / Heroicons |
| 04 | Illustrations（イラスト） | unDraw / Storyset / Lottie |
| 05 | Colors（配色） | Tailwind / Coolors / Adobe Color |
| 06 | HP Inspiration（参考HP） | Stripe / Linear / Vercel / SmartHR 等 |
| 07 | UI Components | Tailwind UI / shadcn / Tailblocks |
| 08 | Tools（ツール） | Figma / Squoosh / TinyPNG / PageSpeed |
| 09 | AI Tools | Claude / Claude Code / v0 / Midjourney |
| 10 | Typography | TypeWolf / Fonts In Use |
コンテンツ更新の方法
すべて data.json 1ファイル編集だけで反映可能。
ローカルパス
/Users/oogushiyuuki/株式会社SCALE/hp/terasu-resources/data.json
編集後のデプロイ
cd /Users/oogushiyuuki/株式会社SCALE/hp/terasu-resources
npx wrangler pages deploy . --project-name=lab-terasu --commit-dirty=true --branch=main
Claude経由での編集依頼
「lab.terasuの○○のフォントを削除して」「○○のサイトを参考HPに追加して」のように依頼すれば、Claudeが編集→デプロイまで実行可能。
デザインシステム（TERASU本体準拠）
| 項目 | 値 |
|---|---|
| 背景 | #08080a（真っ黒） |
| 文字 | #fff / rgba(255,255,255,.5) / .22 / .07 |
| アクセント | rgba(255,210,140,1)（暖色ゴールド） |
| 通常フォント | Inter + Noto Sans JP |
| 装飾フォント | Cormorant Garamond（セリフ・上品） |
| ロゴ | TERASU本体共通（icons/terasu-logo.svg） |
注意事項
| 観点 | 内容 |
|---|---|
| 公開範囲 | 内部用。一般公開を意図していない |
| クライアントには共有しない | 営業ツールではない |
| 制作担当向けのみ | TERASU制作の効率化が目的 |
| ライセンス確認 | 各リソースの利用規約は使う側で再確認 |
運用ルール
| ルール | 内容 |
|---|---|
| 月次レビュー | 月1回、項目を見直し（古いもの削除・新規追加） |
| 制作担当からの提案受付 | TERASUシステム側「制作キット」のリンク経由 |
| 大規模変更時はバックアップ | data.json は git管理推奨 |
関連ノート
関連MOC
更新履歴
| 日付 | 内容 |
|---|---|
| 2026-05-04 | サイト初版公開（10カテゴリ・約60項目）/ TERASU本体デザインに合わせ込み / lab.terasu.scale-group.co.jp で公開 |
| 2026-05-05 | デザイン改善方針: TERASU HP準拠の色使い・フォント・余白 / フォント集でフォント名を紹介フォントで表示 / 参考HP入替（StockSun・FIDIA追加）/ カテゴリ別の個別ページ化 + TOPに簡易ver / 色パターン集+カラーコードコピペ機能追加構想 |
| 2026-05-05 13:55 | 大型実装：合計1,259件へ増量。TERASU Curated → TERASU Lab 改名 / カテゴリ並替（案C採用）/ tools・ai-tools・colors削除 / アニメ新カテゴリ34件 + プレビュー実装 / 画像603件（Picsum CDN直接埋込）/ アイコン289件（Lucide SVG埋込・コピー/DL）/ 配色100件（業種別パレット・HEXコピー）/ フォント79件（Google Fonts URL一括拡張）/ イラスト61件（オリジナルSVG埋込）/ タイポ41件 / UI部品39件（コードコピー）/ 参考HP15件（StockSun/FIDIA/NewsPicks法人/LAND Magazine/宮川えりか研究室/glänta glamping/サンガーデン/桔梗が丘整骨院/J.SECURITY/溝田建築設計/NOT A HOTEL ARCHITECTS/SpiralAI/せきがはら人間村/Vivoo/sukima）/ 実績3件（TERASU/SCALE/匠工房TAKUMI）/ スクショサービス thum.io→Microlink 切替 / 全カードにClaude向けコピー機能追加 / フィルタ機能（タグで絞込）/ ヘッダーNAV日本語短縮 / イラスト視認性修正（背景グラデ・暗色撤廃）/ アイコン表示修正（inline color/stroke指定）/ Cache busting v=20260505s |
「これだけ知っていれば手が動く」を担保するキュレーション。
多すぎず、少なすぎず。常にメンテして使える状態を保つ。