厳選・オープン・無料

Off White Valeriafrancis

高コントラストの写真と大胆なグラフィックオーバーレイを用いた、非線形なエディトリアル体験を生み出す実験的なブルータリスト・トリビュートサイト。

EditorialTypographyPhotographicBoldClean
Off White Valeriafrancis のスクリーンショット
OpenDesign で開く

オリジナル: https://off-white.valeriafrancis.com

01

デザイン DNA

エディトリアルブルータリスト実験的ポートフォリオトリビュート

ブルータリストのアートギャラリーや、実験的なファッション誌のページ。

02

カラー

#00FB34Accent
#000000Ink
#FFFFFFBG
#AAA4A4Muted
rgba(0,0,0,1)Line

黒と白を支配とする高コントラスト・パレットに、1つの攻撃的なネオングリーンのアクセントが加わる。

03

タイポグラフィ

Offwhite · Times New Roman

すべてのディスプレイおよび大きな見出しテキストに Offwhite を使用。 · 本文および较小なテキストに Times New Roman を使用。 · ディスプレイテキストには tighten した line-height を維持。

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

不規則でカオス。重なり合う画像とテキストブロックによって駆動。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

ボーダーなし。鋭いエッジと重なり合う要素に依存。

06

レイアウト

12columns
768 / 1024breakpoints

重なり合う画像とテキストブロックによるカオスな、非線形グリッド。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

スクロールや読み込み時の要素に対する、滑らかなフェードインとトランジション。

インタラクティブ要素上でカーソルがポインタに変化。 · 静止スクリーンショットでは確認不可。

08

コンポーネント

09

文体と禁止事項

11

System Prompt

これは実験的なブルータリスト・エディトリアル・ポートフォリオ・サイトです。繰り返しの写真ポートレートと大胆で断片化されたテキストの、カオスで重なり合うコラージュが特徴です。カラーパレットは極めて高コントラストで、黒と白を主な背景およびテキストカラーとして使用し、唯一のアクセントカラーとして1つの攻撃的なネオングリーン(#00FB34)を使用しています。タイポグラフィは、大きな見出しにカスタム・ディスプレイフォント「Offwhite」、本文に Times New Roman を使用し、不協和なコントラストを生んでいます。レイアウトは非線形で、従来のグリッドシステムを逸脱しています。重要なデザイン制約:整然としたグリッドを使用しない — スクリーンショットはカオスな重なりを示している。本文にサンセリフを使用しない — スクリーンショットでは Times New Roman が使用されている。抑制または精妙な色を使用しない — スクリーンショットは高コントラストとネオングリーンで定義されている。角丸を使用しない — スクリーンショットでは鋭いエッジが示されている。伝統的なコンポーネント構造を使用しない — スクリーンショットは連続したコラージュを示している。軽快または遊び心のあるフォントを使用しない — スクリーンショットでは大胆で重厚なタイポグラフィが使われている。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗

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