厳選・オープン・無料
Belarosa Chalet Ch
ラグジュアリーな山のチャレット向けの、静寂でフルブリードのフォトグラフィックヒーロー。
EditorialPhotographicCalmRefinedPremium
01
デザイン DNA
ラグジュアリー山の隠れ家自然静寂エクスクルーシブ
ハイエンドな建築雑誌の見開き
02
カラー
#FFFFFFInk
#2D3336BG
#C7B98DMuted
rgba(255,255,255,0.2)Line
写真を主体とし、ラグジュアリー感を示すアクセントとして暖色系のゴールドを配置。
03
タイポグラフィ
transitional-serif · sans-serif
- display
72px · 400 - display
12px · 400
見出しテキストにはすべてトランジショナルセリフ体を使用。 · 補助的なラベルには、広いトレッキング付きの大文字を使用。 · アクセントやロゴには暖色系のゴールドカラーを使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
写真が息を吹き込めるよう、贅沢なホワイトスペースを確保。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
BOOKボタンなどのナビゲーション要素には、細い白い線を使用。
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
中心にテキストを配置し、ミニマルなナビゲーションオーバーレイを含むフルビューポートのヒーロー。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
控えめなスクロールダウンインジケーター。 · ヒーロー画像に対して、潜在的なパララックスまたはスロームーブ。
インタラクティブな要素の控えめな不透明度の変化。 · BOOKボタンに対する即座の応答。
08
コンポーネント
- button ミニマルな、アウトライン付きの長方形ボタン。大文字テキストを使用。
- card 不可視。フルブリードの画像を主なサーフェスとして依存。
- chip テキストオーバーレイ(シーズン情報)を伴う円形のフローティング要素。
- hero 中心にタイポグラフィを配置したフルブリードのフォトグラフィック背景。
09
文体と禁止事項
- トーン 洗練され、落ち着きがあり、かつ歓迎的。
- 見出し 体験に焦点を当てた、想起的で詩的なスタイル。
- CTA 直接的でアクション重視のスタイル。
- 明るいネオンカラーを使用しない — パレットは落ち着いた大地色。
- メインヘッドラインにサンセリフ体を使用しない — サイトはトランジショナルセリフ体を使用。
- ヒーローに複数のCTAやテキストブロックで雑然とさせない — ミニマルで集中している。
- プライマリコンテナに角丸を使用しない — デザインは鋭い建築的なラインを好む。
- 重いドロップシャドウを使用しない — サーフェスはフラットで、背景と統合されている。
- 雑然とした、または模様入りの背景を使用しない — デザインは高品質な写真に依存。
- 避ける: 派手な、またはコントラストの高い色の組み合わせ。
- 避ける: 複数の競合要素を含む雑然としたレイアウト。
- 避ける: カジュアルすぎる、または遊び心が過度な言葉遣い。
11
System Prompt
静寂でフォトグラフィックな焦点を当てるラグジュアリーな山のチャレットのウェブサイト。パレットは背景画像の暗い大地色(#2D3336)とクリーンな白いテキスト(#FFFFFF)が主体で、ブランディングには暖色系のゴールドアクセント(#C7B98D)を使用。タイポグラフィは見出しにトランジショナルセリフ体、本文にクリーンなサンセリフ体を使用し、ラベルには広いトレッキングの大文字を使用。レイアウトはミニマルでフルブリード、エディトリアル調。重要な禁止事項:ネオンカラーの使用禁止、サンセリフ体でのヘッドライン使用禁止、写真を生かすためにインターフェースを雑然とさせないこと。全体的な印象は落ち着き、洗練、プレミアム。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗
en · zh-CN · zh-TW · ja · ko