チームのタスクを、
積み木のように。

手法

ヒーローの背景は画像でもCSSグラデーションでもなく、生のWebGLフラグメントシェーダーでその場に描かせた。simplex noiseをfbmで重ね、ドメインワープでゆっくり流れるインクのような質感を作っている。

なぜAI感が消えるのか

1. AIの既定の装飾はCSSで完結する範囲（blob形状・linear-gradientの淡い彩度・軽いパララックス）に収まる。GLSLでノイズ関数を書き、ドメインワープで流体を作るコードは「書ける人間が書いた」以外の説明がつかない。
2. CSSのkeyframesは同じ座標を往復するので、見ているうちに軌道の反復に気づく。ノイズは毎フレーム座標系そのものを計算し直すため、同じ絵が二度と出ない。
3. 配色から紫を完全に外し、#0B0E14→#1B3A4B→#3E6259の3点だけで構成した。AIが既定で選びがちな紫〜ピンクのグラデーション語彙を、そもそも使えなくした。
4. カード3枚を横並びにする構成をやめ、罫線区切りの縦積み番号リストに変えた。ホバーで反応するのは番号の色だけに絞った。
5. devicePixelRatioの上限を1.5に固定し、ノイズの明度を低く抑えている。背景の主張と本文の可読性を両立させる設計を、最初から数値で縛っている。

向いている場面

ブランドサイトやスタジオ・エージェンシーのように、第一印象そのものが提案力になる場面に向く。情報量で説得するより、雰囲気で押し切る必要があるLPで機能する。