厳選・オープン・無料

Louisiana

タイポグラフィとホワイトスペースを重視した、洗練された落ち着いた美術館のウェブサイト。

01

デザイン DNA

静かで現代的なアートギャラリーの入口

02

カラー

コンテンツには鮮明な高コントラストの黒と白を、アクセントには落ち着いた水色系のシアンを用いる。

03

タイポグラフィ

transitional-serif · humanist-sans

• display36px · 700

見出しには、クラシックで権威のある印象を与える太字のトランジショナルセリフ体を使用。 · 本文およびUIテキストには、クリーンなヒューマニストな印象を与えるOpen Sansを使用。

04

余白

上下に大きなパディングを設けた豊かな垂直リズムで、落ち着きと集中感を生み出す。

05

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

メインコンテンツエリアには目立つボーダーはなく、フラットでクリーンな美的感覚を維持しています。

06

レイアウト

広めのコンテナ内に中央揃えのコンテンツカラムを配置し、フルブリードのカラーブロックへと移行する。

07

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

インタラクティブ要素のhover状態におけるトランジション。

インタラクティブ要素の控えめな状態変化。 · 標準的なナビゲーションおよびコンテンツセクションの展開。

08

コンポーネント

• button 展開を示すチークロン often を伴う、シンプルなテキストベースのインタラクティブ要素。
• card テキストとスペーシングによって定義されるミニマリストなカード。
• chip 確認されず。
• input 確認されず。
• hero ソリッドな背景色と巨大な太字セリフ体のタイポグラフィを用いた、フルブリードの大きなブロック。

09

文体と禁止事項

• トーン 情報提供的、文化的、やや公式。
• 見出し 注目を集めるための、太字、大文字、大きなセリフ体のテキスト。
• CTA 目立つボタンではなく、控えめに統合されたテキストリンク。

• 明るく彩度の高い色を使わない — スクリーンショットは、黒、白、穏やかなシアンという抑制されたパレットを示しています。
• 要素に角丸を使用しない — スクリーンショットは、鋭いエッジを持つ厳密に矩形の形状を示しています。
• 本文に複数のフォントファミリを使用しない — スクリーンショットは、UI要素にサンセリフ体を一貫して使用しています。
• 密集し、雑然としたレイアウトを作成しない — スクリーンショットは、豊かなホワイトスペースと集中したタイポグラフィを強調しています。
• 重いドロップシャドウや奥行き効果を使用しない — スクリーンショットはフラットでクリーンなデザインを示しています。
• メインディスプレイの見出しにサンセリフ体を使用しない — スクリーンショットは太字のトランジショナルセリフ体を示しています。
• 避ける: 派手な色
• 避ける: 攻撃的なCTA
• 避ける: 視覚的な雑然とした要素

10

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

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

11

System Prompt

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