厳選・オープン・無料
Fritz Hansen
上級家具とデザインイベントのための、プレミアムなミニマルショーケース。
furnituredesign
01
デザイン DNA
プレミアムスカンジナビア家具デザイン伝統
洗練されたスカンジナビアンデザインギャラリー。
02
カラー
#D6E1B9Accent
#000000Ink
#333333Ink soft
#FFFFFFBG
#EFEEEBBG soft
#C6C6C6Muted
rgba(0,0,0,1)Line
単一の柔らかなパステルアクセントを加えた、厳格なモノクローム。
03
タイポグラフィ
grotesque-sans
- display
34px · 500 - body
14px · 400 - caption
11px · 400
ナビゲーションや一部のラベルには大文字を使用。 · ディスプレイサイズではtight tracking(きつい文字間隔)を採用。 · 全体を通してクリーンで非常に読みやすいサンセリフ。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
見出しにはtight line-height(きつい行間)、全体に豊かな垂直方向のパディング。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
構造的な区切りとして1px solid #000000を使用。
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
高品質なフォトグラフィを伴う非対称グリッド。
07
モーションとインタラクション
250msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.01, 0.25, 1)easing
コンテンツセクションの滑らかなフェードイン。 · スクロール時の繊細なトランスフォームアニメーション。
繊細なopacity(不透明度)または色の変化。 · 即座のレスポンス、バウンスなし。
08
コンポーネント
- button シャープな角を持つ、ソリッドブラックまたはライトグリーンの背景。
- card 画像を多用し、ボーダーを薄く下部に配置。
- chip テキストベースの、ミニマルな選択要素。
- input アンダーラインまたは細いボーダースタイルで、最小限の装飾。
- hero 大胆なテキストオーバーレイを伴う大フォーマットのイメージ。
09
文体と禁止事項
- トーン 洗練された、静かで権威あるトーン。
- 見出し 太字、大文字、簡潔。
- CTA 明確で直接的、しばしば矢印を伴う。
- 丸みのある角を使用しない — スクリーンショットは完全にシャープなエッジを示している。
- ドロップシャドウを使用しない — スクリーンショットはフラットで、ボーダーで区切られたサーフェスを示している。
- 鮮やかなプライマリカラーを使用しない — スクリーンショットは柔らかなグリーンと厳格なモノクロームを示している。
- セリフフォントを使用しない — スクリーンショットはクリーンで幾何学的なサンセリフを示している。
- 装飾的なアイコンを使用しない — スクリーンショットはミニマルで機能的なUI要素を示している。
- レイアウトを雑踏させない — スクリーンショットは広大なホワイトスペースを示している。
- 避ける: 鮮やかな色
- 避ける: 遊び心のある言葉遣い
- 避ける: 複雑なグラデーション
- 避ける: 丸みのある角
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このデザインは、プレミアムスカンジナビアン家具ブランド、Fritz Hansenを表現している。アイデンティティはミニマルで洗練されており、モノクロームパレット(#000000 インク on #FFFFFF 背景)に、言語セレクターとして単一の柔らかなパステルアクセント(#D6E1B9)を採用。タイポグラフィはクリーンな grotesque-sans で、見出しにはtight tracking、本文には豊かなスペーシングを使用。レイアウトはゆったりとしており、大規模なフォトグラフィを強調。重要な禁止事項:丸みのある角は決して使用せず、ドロップシャドウを避け、鮮やかな高彩度カラーは導入しない。
en · zh-CN · zh-TW · ja · ko