厳選・オープン・無料

Savoirfaire Nyc

超大型セリフ体タイポグラフィと豊富なネガティブスペースが支配的な、厳格なモノクロームのエディトリアルサイト。

01

デザイン DNA

ハイエンドファッション誌やアートギャラリーのウェブサイト。

02

カラー

最大限のエディトリアル効果のための厳格なモノクロームコントラスト。

03

タイポグラフィ

didone-serif · humanist-sans

• display360px · 100
• body19px · 400
• caption9px · 400

04

余白

豊かな垂直スペースが、大きなタイポグラフィを強調。

05

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

可见なボーダーはなし。ハイコントラストに依存。

06

レイアウト

下方に巨大なタイポグラフィと上部にティッカーが配置された、フルスクリーンの黒背景。

07

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

上部の水平テキストティッカー

インタラクティブ要素上のポインターカーソル。 · 標準的なクリックインタラクション。

08

コンポーネント

• button クロスアイコンを備えたミニマルな円形ボタン。
• card 視認なし。
• chip 視認なし。
• input 視認なし。
• hero 超細身のディドン・セリフ体でブランド名を掲載した、巨大なタイポグラフィのヒーロー。

09

文体と禁止事項

• トーン 自信に満ち、ミニマルで高級感がある。
• 見出し 全て大文字、超大型、細身セリフ体タイポグラフィ。
• CTA ミニマルな円形アイコンボタン。

• 複数の色を使用しない — スクリーンショットは厳格なモノクロームのパレットを示している。
• 表示テキストに太いフォントウェイトを使用しない — スクリーンショットは超細身（ウェイト100）のセリフ体を示している。
• 多くの要素でレイアウトを雑然とさせない — スクリーンショットは巨大なネガティブスペースを備えた極端なミニマリズムを示している。
• プライマリ要素に角丸を使用しない — スクリーンショットは鋭いタイポグラフィと円形アイコンボタンを示している。
• ドロップシャドウやグラデーションを使用しない — スクリーンショットはフラットでハイコントラストな要素を示している。
• 装飾的または遊び心のあるフォントを使用しない — スクリーンショットは洗練されたディドン・セリフ体とクリーンなヒューマニスト・サンズを示している。
• 避ける: 複数の色の使用
• 避ける: テキストへのドロップシャドウの追加
• 避ける: 装飾的または遊び心のあるフォントの使用
• 避ける: 多くの要素でレイアウトを雑然とさせる
• 避ける: 重い背景テクスチャの使用
• 避ける: ボーダーやラインの過剰な使用

10

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

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

11

System Prompt

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