Neumorphism
WCAG AAを満たすソフトUI。劇場グリーンのシリコン1枚、ランプ1つ、そして光の角度からすべての影、くぼみ、解決済みのインクを導き出すレリーフエンジン。ランプを動かすとUI全体が照らし直されます。
対象: ヘルスケア、住まい、ハードウェア、そしてソフトUIがアクセシビリティ監査に落ちたすべての人へ
ページ
Neumorphism コンポーネント, WebランプのダイヤルとライブAA監査を備えた作業台。ランプを動かすとページのすべての影が追従し、シートを替えるとインクが解き直され、影をオフにしてもすべての状態が読み取れます
Fourhourly ダッシュボード, Web各ベッドのキーが、実際のNEWS2区分と同じ距離だけシートから浮いて立つ病棟ボード。数値を入力すると計算がH1を書き換え、同じ事実が数字、言葉、形で表示されます
Sill ダッシュボード, WebUIのランプに本物の太陽を使い、シートに成型した間取り図。1日をスクラブするとページのすべての影が回り、日光が各階を横切り、サーマルフォールドがH1を書き、日没でテーマが暗くなります
Fourfive ランディングページ, WebH1がこのページの実測比率になっているコントラストチェッカー。ページをニューモーフィズムのテンプレートのように塗ると本当に2.28:1で不合格になり、インクを解くとチェックが緑に変わります
Sixkey ランディングページ, Web6キーのシリコン製リモコン。キーは本当に沈み込んでH1を書き、実際の力曲線で動くキーの断面があり、色を選ぶとページ全体が解き直されます
Wellday モバイルアプリ, モバイル押せるくぼみが7×4に並んだピルケースと、トレイに収まったスマートフォン。どちらかで服用すると、もう一方も同じになり、H1は次の服用になります
内容
- 6ページ、各1ファイル、propsなし
- このキット専用に書いた10個のコンポーネント
- 特徴的な挙動を支える1個のエンジン
- OFLライセンス付きのフォント：Nm Display, Nm Text
- Next.jsとTailwind v4のインストール手順とライセンス条項を記載したREADME
購入方法
すべてのキットはgoodui Proに含まれます。$99の買い切りで、アップデートは永久に無料です。Teamは開発者10人までで$249です。
購入はまだ受け付けていません。リストに登録すると、早期割引のリンクを1回だけお送りします。
ライセンスキーがあれば、ターミナルから：
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip