厳選・オープン・無料

Artisansdidees

stark black背景と広く配置された大文字見出しを備えた、ハイコントラストのタイポグラフィ・エディトリアル・レイアウト。

01

デザイン DNA

ダークでミニマルなアート・ギャラリーのカタログ

02

カラー

極限のハイコントラスト：白と落ち着いたグレーのタイポグラフィを用いた絶対的な黒の背景。

03

タイポグラフィ

grotesque-sans

• display82px · 100
• body14px · 400
• caption12px · 400

すべてのテキストは大文字 · ディスプレイと本文の両方で、広い文字間隔が標準 · 大きなディスプレイ・テキストにウルトラシンのウェイトを使用

04

余白

大きなパディング・ブロックと広い文字間隔で定義される、豊かな垂直間隔

05

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

白、黒、またはダークグレーの色を使用する1px solidボーダー

06

レイアウト

大きな中央揃えセクションを持つ、ミニマルな垂直スタック

07

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

遅い2秒間のカラー・トランジション · インタラクション時のトランジション

インタラクティブ要素上でカーソルがポインタに変化 · トランジション・アニメーションをトリガー

08

コンポーネント

• button インタラクティブ要素を示すカーソル・ポインタ
• card ミニマルまたは存在せず、タイポグラフィと間隔に依存
• chip ミニマルまたは存在しない
• input ミニマルまたは存在しない
• hero 中央揃え、広く配置されたウルトラシンの大文字タイポグラフィを持つ、フルスクリーンの黒キャンバス

09

文体と禁止事項

• トーン フォーマル、ミニマル、かつプレミアム
• 見出し ウルトラシン、大文字、広い間隔
• CTA 控えめで、カーソルとトランジションの手がかりに依存

• 小文字テキストを使用しない — スクリーンショットではすべてのテキストが大文字
• 重いウェイトのフォントを使用しない — スクリーンショットではウルトラシン（100）のディスプレイ・テキスト
• 狭い文字間隔を使用しない — スクリーンショットでは主要な特徴として広い間隔（3.6px）を使用
• 明るいまたは鮮やかな色を使用しない — スクリーンショットでは厳格なモノクローム・パレット
• 純粋な黒以外の背景色を使用しない — スクリーンショットでは塗りつぶしの#000000背景
• 装飾的なグラフィックを使用しない — スクリーンショットではテキストとミニマルな要素のみ
• 避ける: 装飾的要素
• 避ける: 鮮やかな色
• 避ける: 重いウェイトのフォント
• 避ける: 小文字の見出し
• 避ける: 雑然としたレイアウト
• 避ける: ドロップ・シャドウ

10

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

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

11

System Prompt

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