Strata
どの画面も、分解された色付きフィルムの積み重ねです。スクロールでレイヤーがZ軸に離れ、色は透過する光の量を表します。
対象: セキュリティ、インフラ、エージェント基盤、ハードウェア
ページ
Lightproof ランディングページ, Web1つのリクエストがAmberlithからRubylithまで5枚のフィルムを落ちていきます。どの版を抜いてもH1、トレース、被害が再計算され、長押しすると視線に沿ってフィルムを切り抜きます
Pegbar ランディングページ, AI撮影台に置かれた4枚の彩色セルで見せるエージェントの実行。H1は実行自身のステータス行で、Memoryのセルを抜くと実行が失敗し、計画を立て直し、失ったものを伝えます
Shimstock ランディングページ, Webコンテナイメージを真横から見た色分けのシム。各帯の厚みはレイヤーの大きさです。変更内容を伝えるとH1が動かすべき量を示し、スクロールはstickyだけでレイヤーを山から持ち上げます
Noonish ランディングページ, モバイル円盤ごとに分解されたUVクリップ。ページは1枚のサイアノタイプ紙で、浴びた線量に応じて感光剤の緑からプルシアンブルーへ変わります。スクロールが1日で、H1はアプリが言う言葉です
内容
- 4ページ、各1ファイル、propsなし
- このキット専用に書いた1個のコンポーネント
- 特徴的な挙動を支える4個のエンジン
- OFLライセンス付きのフォント：St Text, St Mono
- Next.jsとTailwind v4のインストール手順とライセンス条項を記載したREADME
購入方法
すべてのキットはgoodui Proに含まれます。$99の買い切りで、アップデートは永久に無料です。Teamは開発者10人までで$249です。
購入はまだ受け付けていません。リストに登録すると、早期割引のリンクを1回だけお送りします。
ライセンスキーがあれば、ターミナルから：
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-strata.zip https://goodui.dev/kits/strata.zip