厳選・オープン・無料

Simonesniekers

大胆で彩度の高いグラデーションをキャンバスに、中央に配置されたハイファッション画像を掲載するミニマリスト写真ポートフォリオ。

01

デザイン DNA

ウェブに移植された高級写真展のカタログ。UIの装飾よりもビジュアルインパクトを優先します。

02

カラー

UI要素における極度の抑制。デザインは複雑なUIではなく、鮮やかな背景グラデーションと大胆な画像に依存します。

03

タイポグラフィ

neo-grotesque-sans · transitional-serif

• display16px · 400

全テキストにNeue Haas Groteskを使用 · 全UI要素で非常に小さく、一貫したフォントサイズ（16px）を維持

04

余白

縦方向のpaddingとmarginをたっぷりと確保。1000pxを超えることが多く、広大な余白を生み出します。

05

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

目立つボーダーはなし。UIは端から端まで広がります。

06

レイアウト

フルビューポートのグラデーション背景に、中央に配置された画像1枚。テキストは最小限で、端に沿って配置。

07

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

背景色の遷移 · スクロード/読み込み時のトランスフォーム

インタラクティブなテキスト要素上ではカーソルがポインタに変わります。 · ナビゲーションや状態の変更をトリガーします。

08

コンポーネント

• button 従来のボタンはなし。テキストラベルが主要なインタラクティブ要素として機能します。
• card カードはなし。中央に配置された画像1枚が唯一のコンテンツコンテナです。
• chip チップは見えません。
• input 入力フィールドは見えません。
• hero 鮮やかなグラデーション背景に中央配置された、フルスクリーンの縦向き写真画像。

09

文体と禁止事項

• トーン ミニマリストで、自信があり、静寂。
• 見出し 見出しはなし。'0%'、'Simone Sniekers'、'Info' のような、小さく機能的なラベルのみ。
• CTA 明示的なCTAはなし。ナビゲーションは微細で、暗示的です。

• ドロップシャドウを使用しない — スクリーンショットでは、有任何の段階感のないフラットな画像とテキストが示されています。
• UIボーダーやアウトラインを追加しない — スクリーンショットでは、グラデーション背景と画像の間にクリーンなエッジが示されています。
• 複数のフォントサイズやウェイトを使用しない — スクリーンショットでは、全テキストにわたって均一な16px/400ウェイトが示されています。
• 従来のナビゲーションバーを使用しない — スクリーンショットでは、端に沿ったテキストラベルが数個しか示されていません。
• 白い、または明るいニュートラルな背景を使用しない — スクリーンショットでは、支配的な鮮やかなオレンジからイエローへのグラデーションが示されています。
• 複数のコンテンツカードで雑然としない — スクリーンショットでは、1枚の中央に配置された写真画像が主要な焦点として示されています。
• 避ける: 複雑なレイアウト、過度なテキスト、UIボーダー、シャドウ、または標準的なUIコンポーネントを避けてください。

10

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

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

11

System Prompt

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