厳選・オープン・無料

Unveil Fr

タイポグラフィと負の空間に焦点を当てた、ハイパーミニマルなエディトリアルサイト。

01

デザイン DNA

スイスタイポグラフィの見本、または高級ギャラリーカタログ。

02

カラー

タイポグラフィを強調するための、広大なホワイトスペースを用いたモノクロマティックなコントラスト。

03

タイポグラフィ

geometric-sans

• body-sm10px · 400
• body-md16px · 400

全テキストは大文字 · 文字間隔は tight だが存在する · 階層全体でフォントウェイト (400) を一貫して使用

04

余白

たっぷりとしたパディングとギャップが、ゆったりとした空気感のあるレイアウトを生み出します。

05

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

1px solid black

06

レイアウト

広大な空白を伴う、全画面中央揃えテキスト、または左揃えのブロック。

07

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

フェードイン遷移

インタラクティブ要素上でカーソルがポインタに変化。 · 標準的なポインタインタラクション。

08

コンポーネント

• button ミニマルな大文字テキスト、または角丸の枠線付きボックス。
• card たっぷりとしたパディングを持つ、枠線付きコンテナ。
• chip 目立つものなし。
• input 目立つものなし。
• hero 中央揃えまたは左揃えの大きなパーセンテージ数字。

09

文体と禁止事項

• トーン 客観的、正確、そして疎外的。
• 見出し 大文字、数値、または短いテキストの断片。
• CTA 繊細な、最小限のテキストまたは枠線付きボタン。

• 複数の色を使用しない — スクリーンショットは厳格な黒・白/グレーのパレットを示しています。
• セリフフォントを使用しない — スクリーンショットは無地のサンセリフタイポグラフィのみを示しています。
• 小文字テキストを使用しない — スクリーンショットは全テキストが大文字であることを示しています。
• 太いドロップシャドウを使用しない — スクリーンショットはフラットで、枠線なし、または細い枠線のサーフェスを示しています。
• 画面をコンテンツで埋め尽くさない — スクリーンショットは広大な空のホワイトスペースを示しています。
• 装飾的なアイコンを使用しない — スクリーンショットは純粋なタイポグラフィとシンプルな幾何学模様のみを示しています。
• 避ける: 過度な装飾
• 避ける: 派手な色彩
• 避ける: カジュアルな言葉遣い

10

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

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

11

System Prompt

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