
Palmer
柔らかな自然光が差し込む陶芸ギャラリー――壁との相互作用が生まれ、展示物は芸術作品となる。
パーマーは、温かみのあるクリーミーなキャンバス(#f5f6ee)の上に置かれた美術館の展示品のように食器を扱っています。インターフェースは溶け込み、影もクロムも豊かなアクセントもなく、手作業で釉薬をかけた陶器だけが部屋の中で唯一の色となります。タイポグラフィはミニマルで、TWK Lausanne 書体はほぼ単色(300~500)で、文字間隔を大胆に狭めることで文字同士がくっつくようにしています。巨大な 120px の表示レイヤーは、インターフェースのマーカーというよりは編集上の声明のような役割を果たしています。インタラクティブな要素は、ビューポートの端に配置された細い境界線とピル型のトグルにまで減らされ、中央を完全にクリアに保っています。折り目より下のすべては、同じギャラリーの論理に従っています。小さなテキスト、細い線、オブジェクト間のゆったりとした間隔。
最大幅制限のないフルスクリーンインターフェース。主要な要素は画面全体に散在する要素で、グリッドではなく、慎重に選ばれた場所に個々の断片が配置されています。ナビゲーション要素は隅に配置され(左上にワードマーク、上部中央にトグル、下部中央にコントロールパネル)、中央領域はすべて画像用です。これはシングルスクリーンインターフェースで、散在する要素が主要な要素であり、すべての補助的なインターフェース要素(メニュー、フィルター、ズーム)は特定の条件下で表示されます。セクションのリズムは最小限です。1つの画面、1つの散在する構成、最小限のテキスト。従来の交互ストライプはありません。
写真は、陶器の個々の作品(皿、ボウルなど)を真上から、または斜めから、透明またはクリーム色の背景を背にして撮影した、具象的な製品のみに焦点を当てています。背景、手、テーブルセッティングなどは一切写っていません。それぞれの作品は、表面に手が触れているような印象を与えるために、わずかに影をつけてトリミングされています。ウェブサイト上で色彩を放つのは、釉薬のかかった青、オリーブグリーン、まだら模様の白、琥珀色の茶色といった画像のみです。密度は高いものの、作品間には意図的に余白が設けられており、カタログというよりはキュレーションに近いアプローチとなっています。
パレット
中性
- Gallery Cream
#f5f6ee— キャンバスと台座の表面は温かみのあるクリーム色で、純白よりも釉薬をかけた陶器に適しています。 - Ink
#222222— 本文、細い枠線、カードの輪郭、アイコンの輪郭――構造全体の枠組みが、ほぼ黒に近い色で構成されている。 - Bone
#ffffff— 商品の背景画像。カードを配置するクリーム色のキャンバスの前に、反転した表面が描かれている場合もある。 - Fog
#a1a19c— 控えめな二次境界線と優先度の低いテキスト - 構造的な区切り線としてインクが濃すぎる場合に使用します。 - Lampblack
#000000— この色は、まれに塗りつぶされる要素(アクティブなナビゲーションの背景、重み付けアンカーなど)のために予約されており、インクが主要なテキストカラーであり続けるように控えめに使用されます。
タイポグラフィ
11~120ピクセル・4段階
- TWK Lausanne — 交換: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · 概要 300, 400, 500, 600, 700 · マイクロタグから編集用タイポグラフィまで、あらゆる用途に適した単一のフォント。見出しや大きなタイトルには300ウェイト(細身のスイスサンセリフ体で、セラミック文字が際立つ)、本文やユーザーインターフェースには400~500ウェイト、アクティブ状態やフィルタラベルには600~700ウェイトが使用されています。特徴的なのは、文字間隔が狭いこと(見出しは-0.04em、本文は-0.02em)です。文字が密に配置されているため、11pxの見出しでも、標準的な文字の軽やかさではなく、凝縮感と思慮深さを感じさせます。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 12px |
| ボタンの半径 | 8px |
| カード半径 | 12px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 80px |
AI がPalmerスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact ( Next.js )上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Peak Design — ギャラリーの壁、部分的に照明付き
- Arsenijs Fabrica — ギャラリーの照明の下で、編集コンテンツ本来の美しさが際立つ。ギャラリーの真っ白な壁、モノクロの背景にオレンジ色に点滅する温かみのあるストロボライト、ガラスのように薄い文字、そしてたっぷりの余白。
- 21 TSI — 深紅の虚空、ただ一つのシルエット――ユーザーインターフェースが大気に溶け込む、ハイファッションのエディトリアル。
- Aevi Wellness — 北欧の薬局を思わせる、軽やかな書体。全体的に無彩色で軽やかなレイアウトの中に、落ち着いたグレーブルーのアクセントが効いており、温かみのある白い背景に、細い枠線で囲まれたカードに商品写真が重ねて配置されている。
- PLATFORM — ホワイトキューブギャラリーが注目を集める
- Assembly Coffee London — 暗い焙煎所の炭火。ほぼ黒に近いキャンバスに、温かみのある薄暗い照明の下、商品写真と筆記体のセリフ体文字が並ぶ――まるで深夜の地下印刷物で印刷されたスペシャルティコーヒーのメニューのような雰囲気だ。
- ARTWORLD — 白いリネンにファッション雑誌の見出しを付ける
- Structured — 粘土のような紙に描かれたルネッサンスギャラリー
- Airbnb — 静かな白いギャラリーの壁に、サンゴ色のしおりが1枚だけ飾られている。
- VISIONNAIRE — 真っ白な背景にストリートウェアのエディトリアルギャラリーを配置。ブランドはまるで印刷されたルックブックのように、真っ白なキャンバスに鮮やかな黒インク、そして商品やロゴを際立たせるためのカラーブロックとして温かみのあるクリーム色のパネルを配している。
- Letter — 収蔵庫から発掘された、きらめく美術品を展示するプライベートギャラリー。黒い壁に囲まれた展示スペースでは、色付きの壁に飾られたクロム製の彫刻の上に、セリフ体の見出しが浮かび上がっている。
- Ramp — 編集部の財務部門。白黒のページに、たった一本のネオンカラーのマーカー。ほぼモノクロームの誌面において、鮮やかなライムグリーンの線一本が、あらゆるやり取りを金銭的なシグナルへと変える。