厳選・オープン・無料

Platformart

キュレーションされたオブジェクトとアーティストを、クリーンでエディトリアルなデザインで紹介するプレミアム・アートプラットフォーム。

01

デザイン DNA

ミニマルでハイエンドなアートギャラリーのウェブサイト

02

カラー

写真を際立たせる、高コントラストのモノクロマティック・パレット。

03

タイポグラフィ

grotesque-sans

• display72px · 500
• h148px · 500
• body15px · 400

Primary typefaceとしてMediumLLWeb（grotesque-sans）を使用 · ナビゲーションとラベルには大文字変換を適用 · 本文テキストには一貫した広めの字間を維持

04

余白

すべての間隔とサイズに、一貫した4pxのベースユニットを採用

05

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

1px solid #000000

0px 2px 80px 1px rgba(0,0,0,0.2)

06

レイアウト

全幅のイメージに、中央揃えのコンテンツブロックと、トップ揃えのナビゲーションバーを配置。

07

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

コンテンツ読み込み時のフェードインとスライドアップ · ナビゲーションやボタンのホバー状態における、滑らかなトランジション

インタラクティブ要素の、繊細な色変化または不透明度のシフト。 · 顕著なアニメーションなしの、即座のビジュアルフィードバック。

08

コンポーネント

• button 角がシャープな、ミニマルなアウトラインおよびソリッドボタン。
• card ボーダー・ラジウムなし、写真を重視したカード。
• chip 最小限のスタイリングを施した、シンプルな大文字テキストラベル。
• input 1pxのソリッドボーダーを持つクリーンな入力フィールド。
• hero 中央揃えのテキストオーバーレイを配置した、フルスクリーンの写真背景。

09

文体と禁止事項

• トーン 洗練され、控えめで、かつ権威のあるトーン。
• 見出し 短く、インパクトがあり、しばしば大文字で表記。
• CTA 直接的でアクション指向（例：「→ DISCOVER NOW」）。

• コンテナやボタンに丸みのある角を使用しない — スクリーンショットではシャープなエッジが示されている。
• 複数のブランドカラーを使用しない — スクリーンショットでは厳格なモノクロの黒/白パレットが示されている。
• セリフフォントを使用しない — スクリーンショットではMediumLLWeb（grotesque-sans）の一貫した使用が示されている。
• すべての要素にドロップシャドウを使用しない — スクリーンショットではクッキーモーダルにのみ、非常に大きなシャドウが示されている。
• 狭く窮屈な間隔を使用しない — スクリーンショットでは広めのパディングと明確なビジュアル階層が示されている。
• ナビゲーションに小文字を使用しない — スクリーンショットでは「PLATFORM:」「Shop」「Objects」「Artists」など、特定の大文字/混合表記スタイルが示されている。
• 避ける: 過度な感嘆符の使用を避ける
• 避ける: 過度にカジュアルな、またはスラングの言葉遣いを避ける
• 避ける: 不要な要素でインタフェースを雑踏させるのを避ける

10

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

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

11

System Prompt

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