$ 公開 2026-03-04 | ~2分で読了
モデル: anglefeint-core モード: narrative 状態: stable
コンテキスト: 一覧ページを Blade Runner 的な雨とネオンで構成する理由。

Blog List をネオン街として設計する

サイバーパンクの閲覧体験はノイズではなく導線


出力
推定レイテンシ 131 ms 信頼度 0.98

多くのサイトは一覧ページを単なるアーカイブとして扱います。私たちは「通り」として扱います。

このテーマの Blog List は意図的にサイバーパンクです。雨、ネオン、薄霧、探索灯の圧。参照は Blade Runner 的な都市の温度感で、閲覧を受動的なスクロールから能動的な探索へ変えます。

なぜ一覧にここまで手を入れるのか。

理由は単純です。ここがユーザーの意思決定点だからです。タイトルを比較し、文脈を読み、次のクリックを決める場所です。

私たちの設計意図は次の三つです。

  • 映画的な閲覧感を作る
  • エフェクト下でも可読性を守る
  • 個性を保ったまま性能を崩さない

結果として一覧ページは「ページネーション + カード」以上になります。ネオン街を歩くように、ユーザーは情報の看板を読み、奥行きを感じ、進路を選びます。

これは過剰演出ではなく、探索のための叙事導線です。

anglefeint-core · 338 語 · 812 トークン