厳選・オープン・無料

The Met

明瞭さと制度的権威を優先する、ミニマルでテキスト中心のレイアウト。

01

デザイン DNA

控えめな観察のために設計された、静かで白い壁のギャラリースペース。

02

カラー

可読性と極端なミニマリズムを強調する、高コントラストの単色パレット。

03

タイポグラフィ

humanist-sans

• display20px · 400

機能的な状態メッセージリングにのみシステムUIタイポグラフィを使用。 · ミニマルなインターフェース要素に中央揃えのテキスト配置を使用。

04

余白

中央揃えのUIコンポーネントによって決定される垂直スタッキング。

05

サーフェス (角丸 / 影 / 罫線)

表示なし

06

レイアウト

セキュリティ検証UIのための単一中央カラムレイアウト。

07

モーションとインタラクション

ローディング状態のための連続的な回転スピナーアニメーション

08

コンポーネント

• hero スピナーとステータステキストを含む単一の中央揃えローディング状態。

09

文体と禁止事項

• トーン テクニカル
• 見出し 直接的で飾り気のないシステムメッセージリング。
• CTA なし

• 複数の色を使用しない — スクリーンショットは厳密な単色の黒、白、グレーを示しています。
• 装飾的なボーダーや影を追加しない — スクリーンショットは完全にフラットなサーフェスを示しています。
• 複雑なタイポグラフィ階層を使用しない — スクリーンショットはシンプルで均一なサンセリフテキストを示しています。
• 余分なUI要素を含めない — スクリーンショットはスピナーと単一のテキスト行のみを示しています。
• 長文テキストを中央揃えにしない — スクリーンショットはミニマルなシステムUIのみに中央揃えのテキストを示しています。
• 様々な背景色を使用しない — スクリーンショットは完全に単色の白い背景を示しています。
• 避ける: マーケティング言語
• 避ける: 装飾的な要素
• 避ける: ブランドメッセージリング

11

System Prompt

en · zh-CN · zh-TW · ja · ko