厳選・オープン・無料

Glein Wien

高品質な写真と抑制の効いたタイポグラフィを通じて、サステナブルな素材を強調するミニマリスト、エディトリアルスタイルのe-コマースサイト。

01

デザイン DNA

素材に焦点を当てたライフスタイルグッズのキュレーションされたギャラリー。

02

カラー

厳格なモノクロームパレット（黒、白、明るいグレー）。大規模で高品質なエディトリアル写真の中立的なキャンバスとして機能します。

03

タイポグラフィ

grotesque-sans · monospace

• display111px · 400
• heading30px · 400
• body15px · 400
• small13px · 400

ナビゲーションやユーティリティリンクに大文字が広範に使用されています。 · すべてのタイポグラフィ要素に標準ウェイト（400）が使用されています。

04

余白

豊かなホワイトスペースと tight な内部padding。厳格なグリッドspacingに依存せず、画像構成に依存することが多いです。

05

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

最小限。主にボタン、リンク、精微な区切り線に使用される1ピクセルライン。

06

レイアウト

大規模なヒーロー画像を配した非対称マソニーグリッド。モバイルでは単一カラムのスタックに適応します。

07

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

インタラクティブ要素の精微なopacityトランジション。 · hover状態のカラートランジション。

精微なカラーまたはopacityの変化。最小限の視覚フィードバック。 · 標準ポインターカーソルと即時応答。

08

コンポーネント

• button ミニマリスト。テキストのみのモノスペースフォント、またはプライマリアクション用のシンプルなボーダー付き長方形。
• card テキストオーバーレイを持つ画像駆動コンテナ。従来のカードボーダーや背景を欠いています。
• chip 確認できません。
• input 標準的なミニマルフォーム要素（クッキーモーダルで推測）。
• hero オーバーレイされたカテゴリータイトルと最小限の「mehr anzeigen」リンクを持つ、フルブリードまたは大パネルのエディトリアル写真。

09

文体と禁止事項

• トーン 静かで控えめ、洗練された。
• 見出し 大きく、クリーンでミニマリスト。画像にオーバーレイされることが多い。
• CTA 控えめ。目立つボタンではなく、アンダーライン付きテキストリンクが多用される。

• 彩度の高いアクセントカラーを使用しない — スクリーンショットは厳格なモノクローム（黒/白/グレー）パレットを示しています。
• 太字ウェイトを使用しない — スクリーンショットはすべてのテキストに標準ウェイト（400）が排他的に使用されていることを示しています。
• 装飾的または手書きフォントを使用しない — スクリーンショットはクリーンで幾何学的なグロテスク・サンズと機能的なモノスペースを示しています。
• カードやボタンに角丸を追加しない — スクリーンショットは0-radiusの鋭いエッジを示しています。
• 目立つドロップシャドウを使用しない — スクリーンショットは平坦でクリーンな、ディープスエフェクトのないサーフェスを示しています。
• 密なテキストブロックでインターフェースを clutter しない — スクリーンショットは写真駆動で最小限のコピーの、非常にビジュアルなレイアウトを示しています。
• 明るくカラフルな背景を使用しない — スクリーンショットは主に白または写真背景を示しています。
• 避ける: 派手でハイコントラストのCTAボタン
• 避ける: 密なプロモーションテキストブロック
• 避ける: 明るく彩度の高いアクセントカラー
• 避ける: 複雑なアイコングラフィ

10

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

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

11

System Prompt

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