厳選・オープン・無料

&Tradition

エディトリアルでギャラリーのようなデジタルプレゼンスを持つ高級スカンジナビアン家具ブランド。

01

デザイン DNA

timelessな家具の作品を厳選されたギャラリー。

02

カラー

高品質の写真に落ち着いたギャラリーのような舞台を提供する暖かみのあるニュートラルな背景。

03

タイポグラフィ

transitional-serif · geometric-sans

• display36px · 400
• body14px · 400

すべてのUI要素、ナビゲーション、本文テキストにジオメトリック Sansを使用。 · 主要なエディトリアル見出しと特集タイトルにトランジショナル Serifを使用。 · 豊富なスペースで明確で開放的なタイポグラフィ感を維持。

04

余白

8pxのベースライングリッドと豊かな垂直リズム。

05

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

1px solid rgba(40,40,40,0.1)

rgba(0, 0, 0, 0.1) 0px 0px 2px 0px

06

レイアウト

非対称なエディトリアルグリッドで、テキストと大きなイメージを交互に配置。

07

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

hover時の微妙な不透明度と色のトランジション。 · オーバーレイを開くための滑らかなトランジション。

リンクとボタンの微妙な色の変化やアンダーライン。 · 即座の視覚フィードバック。

08

コンポーネント

• button 最小限のテキストリンク、時折アンダーライン付き。
• card クリーンなタイポグラフィが下に配置されたイメージ中心のエディトリアルカード。
• chip ナビゲーションやカテゴリラベルのアップパーケース、スモールキャップ。
• input シンプルなテキスト入力、最小限のボーダー。
• hero 中央または下揃えのテキストを持つフルワイドの写真ヒーロー。

09

文体と禁止事項

• トーン 洗練され、詩的で、描述的。
• 見出し 喚起的でテーマを持ち、時折トランジショナル Serifを使用。
• CTA 最小限で機能的で、 oftenは「続きを読む」リンクのみ。

• ネオンや非常に飽和したプライマリカラーを使用しない — スクリーンショットは控えめで自然な色調を示しています。
• 丸みのある、ふっくらしたUI要素を使用しない — スクリーンショットは鋭い長方形のフォームを示しています。
• 多くの小さなアイコンでインターフェースを雑然とさせない — スクリーンショットは非常にクリーンでスパースなレイアウトを示しています。
• すべてのテキストに太く太いsans-serifを使用しない — スクリーンショットはserifとsans-serifのミックスを示しています。
• ダークモードをプライマリテーマとして使用しない — スクリーンショットは明るく暖かみのあるオフホワイト背景を示しています。
• 攻撃的なドロップシャドウを使用しない — スクリーンショットは非常に微妙で最小限のシャドウ効果を示しています。
• 避ける: 攻撃的なマーケティング言語
• 避ける: 派手で雑然とした視覚要素
• 避ける: 鮮やかで飽和したカラーパレット
• 避ける: 過度に複雑なナビゲーション構造

10

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

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

11

System Prompt

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