厳選・オープン・無料
Perplexity
明快さと信頼のために設計された、機能的でミニマルなセキュリティ検証ページです。
aisearchclean
01
デザイン DNA
セキュリティ検証ミニマル技術的
セキュリティ施設の透明なガラスドア
02
カラー
#0000eeAccent
#313131Ink
#ffffffBG
rgba(217,217,217,1)Line
装飾色を用いない純白キャンバス上での、高コントラストと最大限の可読性。
03
タイポグラフィ
system-sans · monospace
- display
40px · 600 - body
16px · 400
ネイティブレンダリング性能のために system-ui スタックを使用 · プライマリ見出しのみに厳密な 600 ウェイトを使用
04
余白
検証ウィジェットを隔離するための、ゆったりとした垂直方向のホワイトスペース
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 4px
lg · 4px
pill · 999px
ウィジェット上の薄い 1px 実線ライトグレー ボーダー
06
レイアウト
1280container
1columns
24pxgutter
768breakpoints
左揃えテキストとフッターを備えた、垂直中央揃えのスタック
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
チェックボックス操作時の微細な状態遷移
インタラクティブ要素上のポインターカーソル · 検証状態の切替
08
コンポーネント
- button チェックボックススタイルのインタラクティブウィジェットコンテナ
- card 検証ロジックのためのシンプルなボーダードコンテナ
- hero サイトロゴ付きのミニマルなステータスメッセージ
09
文体と禁止事項
- トーン 直接的、技術的、かつ安心感を与える
- 見出し 簡潔なステータス更新
- CTA 暗黙の検証トリガー
- 装飾画像は使用しない — スクリーンショットには機能的な UI 要素のみが表示される
- 複数カラムレイアウトは使用しない — スクリーンショットには単一の中央揃えカラムが表示される
- プライマリウィジェットに角丸は使用しない — スクリーンショットには鋭角の長方形のエッジが表示される
- ドロップシャドウは使用しない — スクリーンショットにはシンプルなボーダーを持つフラットデザインが表示される
- 装飾的な背景パターンは使用しない — スクリーンショットには純白のスペースが表示される
- 小文字の見出しは使用しない — スクリーンショットには標準的な大文字表記が表示される
- 避ける: マーケティングフレーズ
- 避ける: 装飾的イメージ
- 避ける: 複雑なナビゲーション
11
System Prompt
信頼と明快さを優先する、ミニマルでセキュリティ重視の検証インターフェースをデザインしてください。ダークグレー（#313131）テキストと標準青（#0000ee）リンクを持つ純白背景を使用します。最大互換性と高速レンダリングのために system-ui フォントスタックを実装します。主要な制約：装飾画像不可、プライマリウィジェットに角丸不可、ドロップシャドウ不可、複雑なグリッドレイアウト不可、ブランド固有のタイポグラフィ不可。レイアウトは検証タスクに注意を集中させるために、ゆったりとしたホワイトスペースで垂直中央揃えにする必要があります。セキュリティ状態をマーケティング言葉ではなく伝える、厳密に機能的なトーンを維持してください。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko