COS
白い壁のおしゃれなギャラリー
COSは、現代アートギャラリーの視覚的な文法を採用しています。広大な白い壁、大型のモノクロ写真、そしてモデルの邪魔にならないタイポグラフィです。インターフェースはほぼ無彩色で、純白（#ffffff）にほぼ黒（#080808）を唯一の構造的コントラストとして使用し、緊急性を感じさせるべきだが露骨ではない瞬間に、赤（#c80000）をさりげなくアクセントとして用いています。間隔はゆったりとしており、編集上も適切で、セクションのインデントは最大135pxに達し、コンポーネントはページに溶け込みます。#dadadaの細い境界線、影なし、グラデーションなし、角丸なしです。タイポグラフィ（SuisseIntl）は唯一の装飾で、12pxのマイクロラベルから35pxのカテゴリ説明まで一貫して使用される単一のグロテスクフォントファミリーで、ギャラリーの書体を想起させるためにわずかにポジティブ方向にシフトしています。
フルハイトのページモデルでは、キャンバスは最大幅コンテナなしで端から端まで広がり、コンテンツは中央の列ではなく、分割画像と空白によって固定されています。ヒーローは、フル幅の2つの編集ポートレートを縦に50/50で分割したもので、非常に目立つため、ブランドの構造的な名刺として機能します。ヒーローの下には、白い背景のテキストブロック（中央揃え、単一列）と追加のフルハイト画像が交互に配置されています。垂直方向のリズムはゆったりとしており、セクション間の間隔が、美術館の壁のようにストライプ間の空間感を生み出しています。ナビゲーションは、中央にロゴ、右揃えのロケールセレクターを備えた1本の細い白いストリップで、水平のカテゴリバーやメインフレームに表示されるメガメニューはありません。情報密度は低く、セクションごとに1つのステートメント、アイデアごとに1つの画像です。
大型のファッション写真がページを席巻している。モデルを横一列に並べたポートレートや3/4身の写真が、制御されたスタジオ照明の下、主にニュートラルで落ち着いた暖色系のトーンで撮影されている。画像は隅から隅までぎっしりと詰め込まれており、角丸や装飾的なマスク、重ね合わせたフレームは使われていない。特徴的な技法は「2つのポートレートを並べて配置する」（MUJER / HOMBRE）フレームだ。2つのポートレートが並んで配置され、それぞれ左下隅に1つのカテゴリータグが付けられている。写真はギャラリープリントのようにフレーミングされており、被写体が際立ち、文脈は排除され、人間的なスケールは排除され、色彩はモノクロームである。日常生活の場面も、小道具も、質感のある背景も一切ない。
パレット
中性
- Canvas White
#ffffff— 目立たない背景を作り出し、セクションを区切るための、軽い支持面です。行動喚起のメインカラーとして使用すべきではありません。 - Ink Black
#080808— 本文、アイコン、リンク、ナビゲーションの種類、ボタンの枠線、ロゴ、フッターのテキストには、写真が背景にくっきりと映りすぎないように、純粋な黒よりも柔らかな色を使用します。 - True Black
#000000— メインテキストを暗い画像、本文テキスト、ボタンラベルの上に重ねる場合、純粋な黒色は最もコントラストの高いタイポグラフィ要素にのみ使用されます。 - Mist Gray
#dadada— 控えめな境界線、下線付きの入力フィールド、控えめな区切り線、無効時のアウトライン――最も静かなニュートラルな色合いで、それが区切るものによってのみ認識される。 - Signal Red
#c80000— 赤色は、装飾的なディテールを際立たせるアクセントとして、また低周波を強調する役割を果たします。
タイポグラフィ
12～35ピクセル・3段階
- SuisseIntl — 交換： Neue Haas Grotesk Display · 概要 400, 500, 700 · ナビゲーション、本文、見出し、ボタン、製品説明など、インターフェース全体で単一のフォントが使用されています。文字間隔は0.01～0.04emと、スクリーンフォントとしては珍しく、印刷されたカタログのような雰囲気を醸し出しています。700のウェイトはカテゴリの説明に、500はナビゲーションとボタンに、400はその他のすべてに割り当てられています。単一のフォントファミリーと非常に狭いサイズ範囲（12～35px）によって、ブランディングは一貫しており、フォントが主張しすぎることはありません。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 広々とした |
| 基本的なステップ | 8px |
| ボタンの半径 | 0px |
| カード半径 | 0px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 135px |
AI がCOSスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Airbnb — 静かな白いギャラリーの壁に、サンゴ色のしおりが1枚だけ飾られている。
- Apple (España) — 白いギャラリー用ディスプレイケース
- Silencio — 白い部屋に、浮かぶようなオブジェが点在する。温かみのある紙で作られたギャラリー展示では、それぞれの要素が余白を背景にそれぞれの場所を占め、静寂は意図的なデザイン上の決定である。
- Oakâme — 陽光が降り注ぐ、温かみのある石を彫り出したプロヴァンス風の工房
- Nike — スポーツの偉業を収めたモノクロームのギャラリー――白い壁、芸術作品としての製品、背景に溶け込むクロム。
- Arc — 真夜中の水面に浮かぶ工業用ホワイトギャラリー
- Rivian — ギャラリーのコンクリート壁にそびえ立つ、電気を帯びた巨大なモノリス。リビアンは、広大な白い空間を背景に、それぞれの車両を彫刻作品として展示している。巨大な文字は建築要素となり、単調な雰囲気を打ち破る温かみのある黄色が、まるでマットな表面に降り注ぐ太陽の光のようだ。
- Analogue — 黒いギャラリーのディスプレイケース – 商品が虚空に浮かぶ
- ddna — 未加工のリネンの上に置かれた、温かみのある博物館の展示ケース
- Zellerfeld — 白い大理石の彫刻家の工房――台座の一枚岩のような表面、一筋のコバルトの光、床から天井まで続く小文字のささやき
- UY Studio — 修道院の石造りの回廊は、コンクリートの壁に囲まれた静かな空間で、白い台座の上に香水瓶が並べられ、400ワットのランプ1つと温かみのある灰色の電球4つで照らされている。
- Basic.Space — 白い大理石のキュレーターギャラリー