厳選・オープン・無料

Saf

エクスクルーシブさと洗練された抑制を重視した、モノクロームの超ミニマル・デジタルスタジオ入口。

01

デザイン DNA

シンプルなベルベットロープのあるハイエンドギャラリーの入り口

02

カラー

純黒と白に依存し、最大のビジュアルインパクトと峻烈なミニマリズムを実現する高コントラスト・モノクロームパレット。

03

タイポグラフィ

geometric-sans

• display24px · 700
• body14px · 400
• bodySmall11px · 400

すべてのプライマリナビゲーションとブランド識別子には大文字を使用 · 大文字テキストにワイドトラッキングを適用し、洗練された空気感を演出 · タイポグラフィに色の変化を加えず、厳密なモノクロームコントラクトを維持

04

余白

厳密な4pxベースグリッドと、最小限のコンテンツを強調する余裕のあるホワイトスペース

05

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

構造コンテナに控えめに使用する1px solid rgba(255,255,255,1.0)ボーダー

06

レイアウト

プライマリコール・トゥ・アクションを垂直中央に絶対配置した、中央寄せ単一カラムレイアウト

07

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

エンター/イグジットトランジションのための滑らかな不透明度フェード · プライマリインタラクションのためのTransformベースの空間移動 · セカンダリ要素のためのリニアフェード

インタラクティブ要素への微細な不透明度の変化 · メインサイトコンテンツを表示するための空間Transformと不透明度フェードをトリガー

08

コンポーネント

• button 1pxの白いボーダー、大文字モノスペース風トラッキング、ピル形状中央アンカーを持つミニマルゴーストボタン
• card 入り口画面には表示されない
• chip 入り口画面には表示されない
• input 入り口画面には表示されない
• hero ブランド名、円形トグル、エンターCTAを含む水平インタラクティブバーが中央に配置された、ビューポート全体の黒背景

09

文体と禁止事項

• トーン エクスクルーシブ、洗練、静寂
• 見出し 幾何学サンセリフによる全角、ワイドトラッキング、十分な文字间距
• CTA ナビゲーションバーの右寄せに配置された単一の大文字単語 'ENTER'

• カラフルなグラデーションを使用しない — スクリーンショットは純粋なソリッド黒背景を示している
• コンテナに角丸を使用しない — スクリーンショットはエントリーバーの鋭利な90度角を示している
• 混合大小文字のタイポグラフィを使用しない — スクリーンショットはすべてのテキストが大文字であることを示している
• 複数のアクセントカラーを使用しない — スクリーンショットは厳格なモノクロームパレットを示している
• 重いドロップシャドウを使用しない — スクリーンショットは完全にフラットでシャドウのないインターフェースを示している
• タイトな文字间距を使用しない — スクリーンショットはワイドにトラッキングされたタイポグラフィを示している
• 避ける: カラフルなグラデーション
• 避ける: 遊び心のあるイラストレーション
• 避ける: 情報の密集したレイアウト
• 避ける: 構造要素の角丸

11

System Prompt

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