厳選・オープン・無料

Your Majesty

大胆なセリフ体のタイポグラフィと没入型の3Dおよび写真メディアを融合した、ラグジュアリー・クリエイティブ・エージェンシーのウェブサイト。

01

デザイン DNA

ハイエンド・ファッション・エディトリアルとデジタル・ギャラリーの融合。

02

カラー

3Dおよび写真メディアを主要なカラー・アクセントとする、ハイコントラストのモノクローム・ベース。

03

タイポグラフィ

transitional-serif · humanist-sans · monospaced

• display70px · 300
• display-lg30px · 400
• body16px · 400
• caption13px · 400

見出しには、 tight な leading を持つハイコントラストのトランジショナル・セリフ体を使用。 · UIラベルおよびタグには、幅広のトラッキングを備えたモノスペース・フォントを全大文字で使用。 · 本文には、可読性を重視したクリーンなサンセリフ体を使用。

04

余白

ギャラリーのようなレイアウトを強調する、贅沢なwhitespace。

05

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

0px 2px 6px rgba(0,0,0,0.1)

06

レイアウト

広範なタイポグラフィ・ベースの上に、オーバーラップする3Dおよび写真カードを持つ非対称なメーソンリ・グリッド。

07

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

メディア要素のフェードイン・トランジション · hover時の滑らかなカラーおよびフィルター・シフト

インタラクティブ要素に対する、繊細なカラー・シフトまたはフィルター調整。 · ボタンおよびリンクに対する、即座のビジュアル・フィードバック。

08

コンポーネント

• button モノスペースの全大文字テキストを備えた、ピル形の暗いボタン。
• card タグとリッチメディアを含む、角丸の大きな垂直カード。
• chip 暗い背景と白いモノスペース・テキストを持つ、小さな角丸タグ。
• input ボーダー下部または明るい背景を持つ、最小限のインプット。
• hero 左側に巨大なセリフ体テキスト、右側に動的なメディアグリッドを持つ分割レイアウト。

09

文体と禁止事項

• トーン 権威があり、洗練され、先進的。
• 見出し 大きなセリフ体で設定された、大胆で喚起的なステートメント。
• CTA 直接的で全大文字、しばしばモノスペース。

• 遊び心のあるまたは角丸のサンセリフ体を使用しない — スクリーンショットは、見出しにエレガントなトランジショナル・セリフ体を使用している。
• 忙しく多色の背景を使用しない — スクリーンショットはクリーンで厳格な白のキャンバスを使用している。
• すべてのコンテンツを中央揃えにしない — スクリーンショットは、明確な左揃えのタイポグラフィ階層を使用している。
• 標準的な長方形のカードを使用しない — スクリーンショットは、少し角丸（5px）でオーバーラップする要素を使用している。
• UIラベルに小さく密集したテキストを使用しない — スクリーンショットは、幅広のトラッキングを備えたモノスペースの全大文字タグを使用している。
• 明るく高彩度のアクセントカラーを導入しない — スクリーンショットは、3Dレンダリングと写真に依存してカラーを表現している。
• 避ける: カジュアルな言語
• 避ける: ごちゃごちゃしたレイアウト
• 避ける: 鮮やかなネオンカラー

10

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

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

11

System Prompt

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