UIカタログ ギャラリー

factory 部材庫 / catalog=ui ・ 無彩+紙意匠のUI部材を実動ホバー(PCはホバー・モバイルはタップ/スクロール代替)で検品

ボタン・ナビ・カード・CTA帯・インジケータ・マーキー・罫システムの全20項目。各カードは実際に触れて動くUI部品(PCはホバー、モバイルは @media(hover:none) でタップ全発火+スクロール弱発火)と、検品用パラメータ(range)を備える。禁止の反面見本には赤の「禁止」バッジを付す。気に入ったら「佐藤の一言」に雰囲気・合う業種を書いて保存すると、翻訳器で使用可能な部材として登録される(未記入は candidate 扱い)。

ボタン / リンク

枠線・ピル・下線+矢印・テキストのみ・文字周りが動くリンク。無彩+角の扱いで格を作る。

ナビ

左縦積み(scrollspy)/上部細バー/ハンバーガー/磨りガラス。PCで効き、モバイルは折りたたみ/タップ。

カード

ホバー白マスク+VIEW MORE/セピア&ブラー+拡大/操作で畳む。モバイルはタップ全発火・スクロール弱発火。

CTA帯

罫で仕立てた帯/小ラベル+級数差の帯/【反面見本・禁止】素のベタ帯。差し色ゼロで秩序を作る。

インジケータ

白丸スライドインジケータ/スクロール進捗バー。1色・同トーンの罫で。

マーキー

薄グレー大字が流れ続ける常在装飾。prefers-reduced-motion では停止。

罫・システム系

1px黒罫のボーダーシステム(角丸0・影0)と、角丸を一値で統一する系(家系C/D専用・角丸許容の反例)。