厳選・オープン・無料
Dub Sh
ローディングスピナーと単一行のステータステキストを備えた、ミニマルなブラウザ検証画面。
SaaSCleanRestraintTooling
01
デザイン DNA
セキュリティ検証チェックポイントミニマル機能的
無菌的で機能的なセキュリティチェックポイント画面。
02
カラー
#000000Ink
#FFFFFFBG
#888888Muted
最大限の可読性のための高いコントラストを持つ、厳格なモノクローム機能パレット。
03
タイポグラフィ
grotesque-sans · monospace
- body
16px · 400 - caption
12px · 400
最大限の互換性と速度のためにシステムフォントを使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
注意を集中させるためのたっぷりとした垂直パディングで、厳格に中央揃え。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
なし
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
固定フッターを持つ、垂直および水平に中央揃えされたコンテンツ。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
lineareasing
無限回転ローディングスピナー
09
文体と禁止事項
- トーン ニュートラルで、技術的、非個人的。
- 見出し シンプルで宣言的なステータス更新。
- CTA default
- 背景画像やテクスチャを使用しない — スクリーンショットでは純粋な白い背景が示されています。
- 複数のフォントファミリを使用しない — スクリーンショットでは1つのサンセリフフォントと等幅フォントのみが示されています。
- ドロップシャドウやエレベーションを使用しない — スクリーンショットでは完全にフラットな要素が示されています。
- 装飾的なボーダーやアウトラインを使用しない — スクリーンショットでは目に見えるボーダーは示されていません。
- 複雑なマルチカラムレイアウトを使用しない — スクリーンショットでは単一の中央揃えカラムが示されています。
- プライマリアクションボタンを使用しない — スクリーンショットではインタラクティブなボタンは示されていません。
- 避ける: マーケティング言語
- 避ける: プロモーション要素
- 避ける: 感情に訴える表現
11
System Prompt
これはミニマルなセキュリティチェックポイント画面です。デザインは、白い背景 (#FFFFFF) と黒いテキスト (#000000) を用いた厳格なモノクロームパレットに依存し、標準のシステムUIサンセリフフォントを使用しています。レイアウトは厳格に中央揃えで、シンプルな回転ローディングスピナーと単一行のステータステキストを備えています。重要な制約:装飾要素、シャドウ、複雑なレイアウトの使用は禁止;高いコントラストを維持;タイポグラフィは純粋に機能的でシステムベースのままにすること。マーケティング言語や視覚的な装飾はすべて避けること。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko