厳選・オープン・無料

USM

スイス・モダニズムに根ざした、プレミアムでグリッドベースのモジュラー家具システム。

01

デザイン DNA

家具のバウハウス建築家

02

カラー

カラフルなモジュラー製品写真に完全な注目を集めるための、厳格なモノクロームキャンバス。

03

タイポグラフィ

grotesque-sans

• display56px · 500
• h140px · 400
• body16px · 400

ユーティリティテキストに控えめに使用する全大文字 · 標準ウェイトのテキストに豊かな字間（0.5px） · 高コントラスト（白地に黒）を厳守

04

余白

豊かで豊かな余白が、ラグジュアリーな感覚を定義します。

05

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

目に見えるUIボーダーは不要。構造線は製品のジオメトリで定義されます。

rgba(0, 0, 0, 0.1) 0px 5px 50px 0px

06

レイアウト

厳格で剛性のあるグリッドシステムで区切られた、フルブリード写真。

07

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

シンプルなopacityフェード · スムーズなwidthトランジション

控えめなopacityの変化、またはシンプルなテキストアンダーライン。 · 即座の視覚フィードバック

08

コンポーネント

• button シャープな角と大文字タイポグラフィを持つ、ミニマルなゴーストボタン。
• card コンテナのない製品イメージを、豊かな余白で枠付けます。
• chip なし
• input 高コントラストの、クリーンな単一ボーダーボトムインプット。
• hero センタリングされ、シャープなタイポグラフィと単一の明確なCTAを持つ、高品質なライフスタイル写真。

09

文体と禁止事項

• トーン 洗練され、精密で、控えめ。
• 見出し 短く、断定的で、純粋に事実に基づく。
• CTA 直接的でアクション指向（例：「詳しく見る」）。

• 角丸は使用しない — スクリーンショットでは、ボタンや要素にシャープな90度の角が示されています。
• プライマリUI要素にドロップシャドウを使用しない — スクリーンショットではフラットでシャドウのないインターフェースが示されています。
• 装飾的な背景を使用しない — スクリーンショットでは、コアコンポーネントを囲むクリーンな余白（#FFFFFF）が示されています。
• 混合フォントファミリーを使用しない — スクリーンショットでは、一貫したHelvetica/Arialのグロテスクサンスが全体を通して使用されています。
• 太字フォントウェイトを使用しない — スクリーンショットでは、主に400ウェイトと軽い300ウェイトが支配的です。
• カラフルなアクセントを使用しない — スクリーンショットでは、製品の色が輝くことを許す厳格な白黒UIが示されています。
• 避ける: 感嘆符
• 避ける: マーケティングの最上級表現
• 避ける: 過度にカジュアルな言葉遣い

10

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

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

11

System Prompt

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