厳選・オープン・無料

Vol

クリーンなモノクローム美学を持つ、デザインブックとキュレーション商品のための洗練されたエディトリアル・プラットフォーム。

01

デザイン DNA

ギャラリーのようなプレゼンテーションを持つ、高級な独立系出版社。

02

カラー

ホワイトスペースとタイポグラフィによる階層構築を重視した、高コントラントのモノクローム・ベース。

03

タイポグラフィ

transitional-serif · humanist-sans

• display80px · 300
• heading50px · 300
• body20px · 300

全プライマリ・タイポグラフィに、極めて軽量（300）なウェイトを使用。 · 大文字のナビゲーションやラベルには、大胆で広いトレッキング。 · 大型ディスプレイ・タイポグラフィには、タイトなネガティブ文字间距。

04

余白

主要コンテンツブロック間の、ゆったりとした垂直ホワイトスペース。穏やかなエディトリアル・ペースを強調。

05

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

明るい背景上的に、ダークインクの細い1pxのソリッド・ボーダー。

06

レイアウト

フルワイドの写真ヒーローセクションに続き、商品やエディトリアル・コンテンツ用の中央揃え、ゆったりとしたグリッド。

07

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

フィルやボーダーのような標準UI要素に対する、微細な0.2秒のease-in-outトランジション。 · アイコントランスフォームに対する、0.2秒のスタッガード遅延。

0.2秒間の、微細なカラーまたはボーダーのトランジション。 · アグレッシブな触覚フィードバックのない、標準ポインターカーソル。

08

コンポーネント

• button パッドдингが広く1pxボーダーを持つピル型、または白文字のソリッド・ブラック。
• card 大きな画像と最小限のテキストオーバーレイを主体としたクリーンなレイアウト。
• chip 大文字テキストのピル型ステータスタグ。
• input 明確なラベルを持つクリーンな長方形フィールド。
• hero ライトで大きなセリフまたはサンセリフのテキストをオーバーレイした、フルブリードの写真背景。

09

文体と禁止事項

• トーン 洗練された、控えめで、非常にプロフェッショナル。
• 見出し 大きく、軽量で、存在感のある。
• CTA 控えめな大文字トレッキング、またはクリーンなソリッド・ピル型。

• スクリーンショットは厳密にモノクローム、高コントラストのパレットを示しているため、彩度の高いネオンカラーを使用しない。
• スクリーンショットは全テキストに軽量ウェイト（300）が一貫して使用されているため、太くボリュームのあるフォントウェイトを使用しない。
• スクリーンショットはセクション間に豊かな垂直ホワイトスペースがあるため、小さな詰まったスペーシングを使用しない。
• スクリーンショットはソリッドの白い背景とフラットな写真要素を示しているため、複雑なグラデーションを使用しない。
• スクリーンショットは深度効果のない完全にフラットな表面を示しているため、アグレッシブなドロップシャドウを使用しない。
• スクリーンショットは洗練された、軽量のsans-serifおよびトランジショナル・タイポグラフィを示しているため、遊び心のある丸みのあるディスプレイフォントを使用しない。
• 避ける: 派手なネオン・アクセント
• 避ける: 遊び心のある丸みのある grotesque-sans フォント
• 避ける: 情報の詰め込まれた雑然としたレイアウト

10

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

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

11

System Prompt

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