厳選・オープン・無料

Louis Poulsen

クリーンで編集志向、ギャラリー重視のビジュアル言語を持つ、プレミアムライティングブランド。

01

デザイン DNA

高級インダストリアルデザインのための編集型ギャラリー

02

カラー

高コントラストのモノクロパレット。豊かな写真と余白を支配させることを重視。

03

タイポグラフィ

transitional-serif · humanist-sans

• display56px · 300
• headline30px · 300
• body14px · 400

04

余白

4pxベースグリッド。編集感を出すため、快適で十分な余白を確保。

05

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

セパレーターには1px solid rgba(0,0,0,0.25)。インタラクティブなリスト項目にはボーダーを多用。

06

レイアウト

大規模なヒーロー画像、マルチカラムのメーソンリースタイル写真グリッド、フル幅のリストセクションを備えた非対称な編集レイアウト。

07

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

リンクやリスト項目の滑らかなhover遷移、インタラクティブ要素の微妙なスケール変換。

微妙な背景またはテキストカラーの変化。カテゴリーリスト項目のアクティブ状態インジケーター。 · クリーンな状態変化。優雅さを保つため、最小限の視覚的フィードバック。

08

コンポーネント

• button 控えめでテキスト中心の、装飾の最小限なボタン。目立つ黒塗りの「SEE MORE」アクションボタン。
• card 目立つパディングや背景のない、密なグリッドレイアウトによる端から端まで Photography。
• hero フルビューポートのシネマティックな画像に、大きくエレガントなセリフ体テキストオーバーレイと最小限の補足コピーを配置。

09

文体と禁止事項

• トーン 自信に満ち、プレミアムで、ライティングデザインの技と歴史に焦点を当てる印象喚起的なトーン。
• 見出し トラッキングを詰めた、エレガントな全角大文字のセリフ体タイポグラフィ。
• CTA ミニマル。シンプルな矢印や大文字のサンセリフテキストを使用。

• 角丸を使用しない — すべてのUIコンポーネントにシャープな90度の角が示されている。
• ドロップシャドウを使用しない — 平坦な表面が、ボーダーと写真に依存して奥行きを生み出している。
• 明るいアクセントカラーを使用しない — 黒、白、グレーによる厳密なモノクロパレットが示されている。
• 太字フォントウェイトを使用しない — 主にレギュラー（400）とライト（300）のウェイトが示されている。
• 雑然としたナビゲーションを使用しない — 充分な水平方向のスペースを持つ、最小限のトップバーが示されている。
• 重いコンテナパディングを使用しない — 写真やテキストがビューポート端に近づくよう設計されたレイアウトが示されている。
• 避ける: 雑然としたレイアウト
• 避ける: 派手または攻撃的な色
• 避ける: 遊び心がありすぎる、あるいは過度にカジュアルな言葉遣い

10

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

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

11

System Prompt

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