厳選・オープン・無料

Public Image

クリエイティブディレクションエージェンシーのミニマリスティックなラグジュアリーポートフォリオ。

01

デザイン DNA

ハイファッションのエディトリアル雑誌

02

カラー

大判写真によるハイコントラストのモノクロ。

03

タイポグラフィ

transitional-serif

• display120px · 400
• body22px · 400

04

余白

最小限のpadding、要素の周りに広いwhitespace。

05

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

不可視

06

レイアウト

オーバーレイテキストを伴うフルブリード写真

07

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

テキストオーバーレイのフェードイン

テキスト要素のopacity変化 · 視覚的な変化なし

08

コンポーネント

• hero 大きなセリフテキストオーバーレイを伴う全画面背景画像

09

文体と禁止事項

• トーン 権威があり、ラグジュアリーで、控えめ
• 見出し すべて大文字、大規模なセリフテキストオーバーレイ
• CTA 視覚的なものなし

• 明るいアクセントカラーを使用しない — スクリーンショットは厳格なモノクロパレットを示しています。
• サンセリフタイポグラフィを使用しない — スクリーンショットはItalian Garamondセリフフォントを示しています。
• 複雑なUIコンポーネントを使用しない — スクリーンショットは画像上のテキストオーバーレイのみを示しています。
• ドロップシャドウを使用しない — スクリーンショットは完全にフラットなテキストと要素を示しています。
• 装飾的なボーダーを使用しない — スクリーンショットは不可視のボーダーを示しています。
• 中央揃えのテキストを使用しない — スクリーンショットは左揃えの連絡先情報を示しています。
• 避ける: カラフルなアクセント
• 避ける: 装飾的なUI要素
• 避ける: 複雑なレイアウト

10

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

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

11

System Prompt

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