厳選・オープン・無料

Exhibition Magazine

ファッションとアートのための、ミニマルで画像重視のエディトリアルプラットフォーム。

01

デザイン DNA

ハイエンド印刷マガジンのような雰囲気を持つデジタルファッション展示空間。

02

カラー

写真を支配的にするための、ハイコントラストな黒と白、およびニュートラルグレーの背景。

03

タイポグラフィ

condensed-grotesque-sans · transitional-serif

• display90px · 500
• heading36px · 500
• body16px · 400

04

余白

縦方向の余白は、大きな画像ブロックと十分なpaddingによって定められます。

05

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

最小限、またはなし。ニュースレター入力フィールドの細い1pxボーダーのみ例外。

06

レイアウト

永続的なトップナビゲーションバーを持つ、画像多用のフルワイドレイアウト。

07

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

コンテンツトランジションやヒーロースライド用の、ゆったりとした優雅なフェード。

ナビゲーションリンクにおける微妙な不透明度や色の変化。 · ページナビゲーションまたはモーダルの開閉をトリガー。

08

コンポーネント

• button ミニマルで大文字。テキストのみ、またはシンプルな黒背景に白テキストの場合が多い。
• card 大きな画像、次に太字セリフタイトル、その後に小さな説明文が縦に積み重なるシンプルな構成。
• input 細い黒ボーダーと中央揃えプレースホルダーテキストを持つ、シンプルな単一行テキストフィールド。
• hero フルワイド、端から端まで延びる写真ヒーロー。大きな半透明のマストヘッドテキストがオーバーレイされている。

09

文体と禁止事項

• トーン 権威があり、洗練され、控えめなトーン。
• 見出し 太字、大文字、コンデンスドサンセリフで記述されることが多い。
• CTA ミニマルで直接的。太字でシンプルなボックス内に、単一の単語のみの場合が多い。

• 装飾的な影を使用しない — スクリーンショットにはドロップシャドウのない、クリーンでフラットな画像ブロックが表示されている
• 角丸を使用しない — スクリーンショットにはすべてのカードとボタンに90度の鋭い角が表示されている
• カラフルなアクセントを使用しない — スクリーンショットには厳格な黒、白、ニュートラルグレーのパレットが表示されている
• 遊び心のある丸みのあるタイポグラフィを使用しない — スクリーンショットには鋭くハイコントラストなセリフ体とコンデンスドサンセリフが表示されている
• 多くのUI要素でレイアウトを雑踏にしない — スクリーンショットには大きな写真に支配されたミニマルなインターフェースが表示されている
• 複雑なグラデーションを使用しない — スクリーンショットには単色のニュートラルな背景色と明確な写真画像が表示されている
• 避ける: 派手なアニメーション
• 避ける: 装飾的なボーダー
• 避ける: 複数のアクセントカラー

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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