部材庫カタログ ギャラリー

factory / 翻訳器が引く部材の棚。スマホで実物を確認し、項目ごとに「佐藤の一言」を書き溜める。

一言が付いた項目だけを翻訳器が使用可(未記入は candidate=試用枠のみ)。一言はこの場でフォームに書くと計測KVへ送られ、forge ingest-catalog が各項目へ反映する。

① アニメーション

全30項目・実ライブデモ

CSS・JSライブラリ・GSAP・WebGL の4階層。各カードは実際に動き、パラメータ(range)で検品できる。表紙演出・スクロール演出・粒子/シェーダーまで。

① CSS 10② JSライブラリ 5③ GSAP 10④ WebGL 5
開く →

② フォント

20書体+6ペアリング

和欧の実レンダリング見本。書体選定はタイポグラフィの水準を半自動で引き上げる、投資対効果が最も高い棚。見出し×本文のペアリングも収録。

明朝ゴシック欧文見出し×本文
開く →

③ レイアウト

全20項目・縮小ライブワイヤー

ヒーロー3型・呼吸ギャラリー・反転statement・メタ行節・用途別入口・工程表示・縦積みサイドバー・疎密の対比。部材庫(assets/parts・archetypes)とidで相互参照。

ヒーローギャラリーナビ構成
開く →

④ UI

全20項目・ホバー実動

ボタン4型・ナビ4型・カード(白マスク/セピア&ブラー)・CTA帯の造形(素の白帯は反面見本)・インジケータ・常在マーキー・ボーダーシステム。PCホバー+モバイルタップ代替。

ボタンナビカードCTA帯
開く →

⑤ 画像用

全15項目・API費0

構図語彙・額装バリエーション・断ち切り/重なり・現像before/after(merci/mtng/fauve/anlg)・「統一と均一の違い」(反面見本つき)。全て既存素材の再現像。

構図額装現像統一
開く →