厳選・オープン・無料

Leica

プレミアムな写真ハードウェアのための、伝統を重んじたビジュアルショーケース。

01

デザイン DNA

ハイエンドな光学機器の博物館。

02

カラー

高コントラストのテキストと象徴的な赤のブランドアンカーを持つ、中立的な背景色を採用します。

03

タイポグラフィ

humanist-sans

• display32px · 600
• body16px · 400
• caption12px · 400

すべてのプライマリインターフェースに、クリーンなヒューマニストサンセリフを採用します。 · 長文の説明文でも読みやすさを維持するため、十分な行間を保ちます。 · 小規模なユーティリティラベルには大文字を控えめに使用します。

04

余白

4px刻みの明確な垂直リズムを基に、主要コンテンツブロック間には大きな余白（96px）を設けます。

05

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

ダークな中立色またはライトグレーのトーンで、微細な1pxまたは2pxのボーダーを適用します。

06

レイアウト

フル幅のヒーロー画像から複数カラムのカードレイアウトにシームレスに移行する、レスポンシブな12カラムグリッド。

07

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

hover時の、滑らかなカラーおよびbackground-colorのトランジション。 · プライマリコンテンツセクションへのエレガントなフェードイン。

繊細なカラーの変化や不透明度の変更を用い、洗練された印象を維持します。 · プライマリコンテンツカードへの直接的なナビゲーションまたは展開。

08

コンポーネント

• button ピルシェイプ（radius: 9999px）で高コントラストを実現し、 often small brand-colored dot indicatorを含みます。
• card 画像を重視し、微細なまたは目立たないボーダーを採用、内部パディングをたっぷりと確保します。
• chip ミニマルで、 often text-based links in the footer navigation。
• input クリーンで最小限のフィールドに微細なボーダーを適用します。
• hero ビューポート全体を覆う没入感のある写真に、重ねられたタイポグラフィと目立つCTAを配置します。

09

文体と禁止事項

• トーン 権威があり、洗練され、写真の技に深くフォーカスします。
• 見出し 太字で明確、かつ記述的。 often highlighting specific product names or artistic themes。
• CTA 直接的で行動を促すスタイルで、 frequently using the signature red dot as a visual anchor。

• 派手なグラデーションを使用しない — スクリーンショットではフラットでハイコントラストの中立パレットが示されています。
• 重いドロップシャドウを使用しない — スクリーンショットではほとんどシャドウがなく、クリーンなエッジが好まれています。
• ダークモードをデフォルトにしない — スクリーンショットでは主にライト（#F5F5F5/#FFFFFF）テーマが示されています。
• 装飾的なフォントを使用しない — スクリーンショットでは一貫した機能的なヒューマニストサンセリフが使用されています。
• 派手またはカラフルなUI要素を使用しない — スクリーンショットでは赤が唯一の高彩度アクセントとして使われています。
• 雑然としたグリッドを使用しない — スクリーンショットでは高品質な写真アセット間に、大きな余白が確保されています。
• 避ける: 派手またはネオンカラー
• 避ける: 遊び心がある、または過度にカジュアルな言葉遣い
• 避ける: 画像から注意をそらす雑然としたレイアウト

10

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

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

11

System Prompt

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