厳選・オープン・無料

B Line It

象徴的かつコンテンポラリーなデザイン作品を展示する、プレミアムなイタリアの家具ブランド。

01

デザイン DNA

ハイエンド家具デザインカタログ。

02

カラー

黒と白を基調としたハイコントラスト、ミニマリストなパレット。特徴的な深い青色のアクセントを採用。

03

タイポグラフィ

grotesque-sans · monospaced

• display58px · 700
• body14px · 400
• caption12px · 400

ナビゲーションリンクには大文字を使用する。 · ディスプレイ見出しにはマイナスの文字間隔を維持する。 · 太字の見出しと細字の本文テキストの間に明確な階層を保つ。

04

余白

主要な要素の周りに豊かな余白を確保する、標準4pxベースグリッド。

05

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

1px solid rgba(255, 255, 255, 0.08)

rgba(0, 0, 0, 0.15) 0px 8px 48px 0px

06

レイアウト

カタログレイアウト用のマルチカラムグリッド。

07

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

滑らかな不透明度のトランジション。 · 控えめな背景色の変化。 · インタラクティブ要素のトランスフォームアニメーション。

控えめな色の変化またはスケール変換。 · 視覚的な状態変化による即時のフィードバック。

08

コンポーネント

• button 明確なテキストを持つ、角丸のハイコントラストボタン。
• card 強力なタイポグラフィを用いたミニマリストな製品カード。
• chip カテゴリ用の小さな角丸タグ。
• input シンプルなボーダー付き入力フィールド。
• hero 太字のタイポグラフィと3Dカタログブックを用いた、大きなフル幅ヒーロー。

09

文体と禁止事項

• トーン プロフェッショナル、権威、ミニマリスト。
• 見出し 太字、大文字、ややコンデンス。
• CTA 明確、アクション指向、非常に読みやすい。

• 装飾的なスクリプトを使用しない — スクリーンショットでは厳格なグロテスクサンセリフタイポグラフィが示されている。
• 多色のパレットを使用しない — スクリーンショットでは黒/白/青の配色が支配的である。
• 重い影を持つ角丸カードを使用しない — スクリーンショットでは最小限の影を持つフラットな表面が示されている。
• 中央揃えの本文テキストを使用しない — スクリーンショットでは左揃えのテキストブロックが示されている。
• 小さく窮屈なボタンを使用しない — スクリーンショットでは余裕のある角丸ボタンと明確なパディングが示されている。
• 複雑でレイヤー化された背景を使用しない — スクリーンショットでは純黒または純白の背景が示されている。
• 避ける: 複数のフォントファミリーの使用を避ける。
• 避ける: 装飾的またはスクリプト系のフォントを避ける。
• 避ける: 過度に雑然としたレイアウトを避ける。
• 避ける: 低コントラストのテキストを避ける。
• 避ける: 一貫性のないボタンスタイルを避ける。
• 避ける: ドロップシャドウの過度な使用を避ける。

11

System Prompt

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