厳選・オープン・無料
Fallengrape
温かみのあるオーガニックな土色のトーンとセリフ書体を使用した、洗練されたワインブランドの年齢認証画面。
WarmRefinedCurationPhotographicConsumer
01
デザイン DNA
ワイン年齢認証プレミアムオーガニック
温かみのある紙のテクスチャを持つ、ラスティックでハイエンドなワインセラー
02
カラー
#573D21Ink
rgba(87,61,33,0.75)Ink soft
#E3A36EBG
#E1C6ABBG soft
#F3F3F3BG quiet
rgba(87,61,33,0.1)Muted
rgba(87, 61, 33, 0.1)Line
自然な土色のトーンと高コントラストなセリフ書体による、オーガニックな温かみの実現。
03
タイポグラフィ
transitional-serif · grotesque-sans
- display
48px · 400 - body
14px · 400 - caption
16px · 400
表示要素にはRomieを使用 · 本文およびUIテキストにはArial Narrowを使用
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
中央モーダル内の適切な垂直方向の余白
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(87, 61, 33, 0.1)
rgba(0, 0, 0, 0.1) 0px 4px 30px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
フルブリードのテクスチャ付き背景上に、中央揃えの単一モーダルオーバーレイ
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
hover時のシンプルなopacity遷移
ボタンの色の変化またはopacity変化 · 直接的な状態変化またはモーダルの閉じる動作
08
コンポーネント
- button ボーダーのないフラットな長方形のカラーブロック
- card 控えめなドロップシャドウを持つ半透明の長方形モーダル
- hero 中央にモーダルオーバーレイがあるフルスクリーン背景画像
09
文体と禁止事項
- トーン フォーマルで、直接的かつ準拠したトーン
- 見出し 大きくエレガントなセリフ書体の質問
- CTA 直接的で大文字のサンセリフ書体のラベル
- 明るい高彩度のアクセントカラーを使用しない — スクリーンショットでは控えめな土色のトーンが使用されている
- ヘッドラインに純粋な幾何学的サンセリフ書体を使用しない — スクリーンショットでは移行期セリフ書体が使用されている
- 小さく窮屈な余白を使用しない — スクリーンショットではモーダル内の適切な垂直paddingが示されている
- 重いドロップシャドウを使用しない — スクリーンショットでは非常に控えめでソフトなシャドウが使用されている
- モーダルにシャープで丸みのある角を使用しない — スクリーンショットではシャープで角張ったエッジが示されている
- メインコンテナに白い背景を使用しない — スクリーンショットでは半透明のベージュが使用されている
- 避ける: 遊び心のある言葉
- 避ける: 明るいネオンカラー
- 避ける: 過度な装飾
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このデザインは、プレミアムでオーガニックとして定位する、洗練されたワインブランドの年齢認証オーバーレイです。カラーパレットは温かみのある土色のトーン、特に控えめなオレンジの背景（#E3A36E）とベージュの半透明モーダル（#E1C6AB）に大きく依存し、ダークブラウンのテキスト（#573D21）と組み合わせています。書体は、主要な質問用のエレガントな移行期セリフ書体（Romie）と、UI要素用のクリーンでコンパクトなグロテスクサンセリフ書体（Arial Narrow）をコントラストさせています。レイアウトは、適切な垂直余白を持つ単一の中央揃えモーダルです。重要な禁止事項は以下の通りです：明るい高彩度のアクセントカラーは決して使用しない；表示要素に純粋な幾何学的サンセリフ書体を使用せず；窮屈なレイアウトではなく適切な余白を確保する。全体的な雰囲気は、落ち着いた、ラスティックで洗練されたものです。
en · zh-CN · zh-TW · ja · ko