厳選・オープン・無料
USM
スイス・モダニズムに根ざした、プレミアムでグリッドベースのモジュラー家具システム。
furnituredesign
01
デザイン DNA
モジュラースイスモダニズムシステム精密
家具のバウハウス建築家
02
カラー
#000000Ink
#373A40Ink soft
#FFFFFFBG
#F5F5F5BG soft
#E8E8E8BG quiet
#808080Muted
rgba(0,0,0,0.1)Line
カラフルなモジュラー製品写真に完全な注目を集めるための、厳格なモノクロームキャンバス。
03
タイポグラフィ
grotesque-sans
- display
56px · 500 - h1
40px · 400 - body
16px · 400
ユーティリティテキストに控えめに使用する全大文字 · 標準ウェイトのテキストに豊かな字間(0.5px) · 高コントラスト(白地に黒)を厳守
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
120px
豊かで豊かな余白が、ラグジュアリーな感覚を定義します。
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
目に見えるUIボーダーは不要。構造線は製品のジオメトリで定義されます。
rgba(0, 0, 0, 0.1) 0px 5px 50px 0px
06
レイアウト
1440container
12columns
24pxgutter
768 / 1024breakpoints
厳格で剛性のあるグリッドシステムで区切られた、フルブリード写真。
07
モーションとインタラクション
220msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
シンプルなopacityフェード · スムーズなwidthトランジション
控えめなopacityの変化、またはシンプルなテキストアンダーライン。 · 即座の視覚フィードバック
08
コンポーネント
- button シャープな角と大文字タイポグラフィを持つ、ミニマルなゴーストボタン。
- card コンテナのない製品イメージを、豊かな余白で枠付けます。
- chip なし
- input 高コントラストの、クリーンな単一ボーダーボトムインプット。
- hero センタリングされ、シャープなタイポグラフィと単一の明確なCTAを持つ、高品質なライフスタイル写真。
09
文体と禁止事項
- トーン 洗練され、精密で、控えめ。
- 見出し 短く、断定的で、純粋に事実に基づく。
- CTA 直接的でアクション指向(例:「詳しく見る」)。
- 角丸は使用しない — スクリーンショットでは、ボタンや要素にシャープな90度の角が示されています。
- プライマリUI要素にドロップシャドウを使用しない — スクリーンショットではフラットでシャドウのないインターフェースが示されています。
- 装飾的な背景を使用しない — スクリーンショットでは、コアコンポーネントを囲むクリーンな余白(#FFFFFF)が示されています。
- 混合フォントファミリーを使用しない — スクリーンショットでは、一貫したHelvetica/Arialのグロテスクサンスが全体を通して使用されています。
- 太字フォントウェイトを使用しない — スクリーンショットでは、主に400ウェイトと軽い300ウェイトが支配的です。
- カラフルなアクセントを使用しない — スクリーンショットでは、製品の色が輝くことを許す厳格な白黒UIが示されています。
- 避ける: 感嘆符
- 避ける: マーケティングの最上級表現
- 避ける: 過度にカジュアルな言葉遣い
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは、スイスのモジュラー家具のためのプレミアムでモダニストなeコマースプラットフォームです。鮮やかな製品写真の中立的なキャンバスとして機能するために、斬新で高コントラストのモノクロームUI(白#FFFFFFと黒#000000)に依存しています。タイポグラフィは専らHelvetica/Arialのグロテスクサンスファミリーで、主にRegular(400)とLight(300)のウェイトと豊かな字間(0.5px)を使用します。レイアウトは、広大な余白(120pxのpadding)と鋭くゼロピクセルのボーダーラディウスを持つ厳格なグリッドシステムに従います。角丸、ドロップシャドウ、混合フォント、カラフルなUIアクセントは使用しないでください。太いフォントウェイトやマーケティングの最上級表現は決して使用せず、精密で控えめ、非常に構造化されたビジュアルボイスを維持してください。
en · zh-CN · zh-TW · ja · ko