厳選・オープン・無料

Grandleisure

Webアプリケーション向けの、ミニマルなシステムレベル認証ダイアログ。

01

デザイン DNA

標準のブラウザまたはOSネイティブの認証モーダル。

02

カラー

高コントラストのシステムネイティブな色彩で、アクセントは最小限に抑える。

03

タイポグラフィ

system-sans · system-mono

• display20px · 500
• body14px · 400
• caption12px · 400

04

余白

一貫した4pxのベースグリッド

05

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

1px solid rgba(0, 0, 0, 0.1)

None: 0 4px 16px rgba(0,0,0,0.12)

06

レイアウト

固定幅で中央揃えのモーダルダイアログ

07

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

なし

標準のシステムカーソルチェンジ · ボタン押下状態

08

コンポーネント

• button ブルーのプライマリフィルとグレーのセカンダリアウトラインを持つ、システムネイティブボタン
• card 微細なドロップシャドウを持つモーダルダイアログコンテナ
• input グレーボーダーとブルーのフォーカスリングを持つ標準テキスト入力

09

文体と禁止事項

• トーン 中立的、実用的、システム生成
• 見出し 直接的で機能的
• CTA 明確なアクション動詞

• 装飾的な画像は使用しない — スクリーンショットは純粋に機能的なダイアログを示している
• 角丸は適用しない — スクリーンショットは鋭い矩形の縁を示している
• 複雑なグラデーションは使用しない — スクリーンショットはフラットで塗りつぶされた色を示している
• 精巧なアニメーションは実装しない — スクリーンショットは静的なシステムUIを示している
• カスタムフォントは使用しない — スクリーンショットはシステムレベルのタイポグラフィを使用している
• 不要なレイアウト要素は追加しない — スクリーンショットはミニマルで焦点の絞られたモーダルを示している
• 避ける: マーケティング言語
• 避ける: 表現豊かなタイポグラフィ
• 避ける: 装飾的要素

11

System Prompt

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