厳選・オープン・無料

12 Berlinbiennale De

大胆でハイコントラスト、かつ実験的なアート展覧会ウェブサイト。

01

デザイン DNA

デジタルで実現された、ハイコントラストで実験的なアート展覧会カタログ。

02

カラー

ハイコントラストな黒と白の基盤に、単一の高彩度ネオンマゼンタアクセントを加えたもの。

03

タイポグラフィ

grotesque-sans · transitional-serif

• display80px · 400
• displaySm40px · 400
• body16px · 400

インパクトの強い大きなディスプレイ見出しにはグロテスクサンセリフを使用する。 · 本文や小さな情報テキストにはトランジショナルセリフを使用する。

04

余白

非対称で、大きなネガティブスペースのブロックと意図的なオフグリッド配置を活用する。

05

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

構造要素やカードには、1pxの実線黒ボーダーを使用する。

なし

06

レイアウト

要素が重なり、大きなタイポグラフィと非対称グリッドを用いた、ダイナミックでコラージュのようなレイアウト。

07

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

ホバー時のスムーズなスケーリングと動き。 · 繊細な不透明度のトランジション。

インタラクティブ要素に対する繊細なスケーリングやカラーシフト。 · 即座の視覚的フィードバック。

08

コンポーネント

• button 実線の背景と強力なボーダーを持つ、ピルシェイプのボタン。
• card 実線の背景と明確なボーダーを持つ、エッジの鋭いカード。
• chip ナビゲーションやフィルター用のピルシェイプのタグ。
• input 明確なラベルを持つ、シンプルなボーダー付きテキスト入力。
• hero 重なり合う大きな数字と大胆なタイポグラフィを用いた、テキスト主導の巨大なヒーローセクション。

09

文体と禁止事項

• トーン 芸術的、権威があり、やや挑発的。
• 見出し 大きく、太字で、しばしば重なり合い、ダイナミックな視覚的階層を生み出す。
• CTA 目立つ、ハイコントラストのピルシェイプボタン。

• 繊細または控えめなアクセントカラーを使用しない — スクリーンショットでは鮮やかなネオンマゼンタが示されている。
• 中央揃えで対称的なレイアウトを使用しない — スクリーンショットでは非対称でコラージュのような配置が示されている。
• 丸みすぎた、または柔らかいUI要素を使用しない — スクリーンショットでは角が鋭く、ピルシェイプが示されている。
• すべてに単一のフォントファミリーを使用しない — スクリーンショットではサンセリフとセリフの明確な区別が示されている。
• 標準的なWeb UIパターンを使用しない — スクリーンショットでは高度にカスタマイズされた、エディトリアルなレイアウトが示されている。
• ソフトシャドウやグラデーションを使用しない — スクリーンショットでは実線の色とハードエッジが示されている。
• 避ける: 繊細または控えめなカラーパレット。
• 避ける: 従来の中央揃えグリッドレイアウト。
• 避ける: 遊び心がある、または親しすぎる表現。

11

System Prompt

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