ARTU
白い紙に描かれたギャラリーのような壁。ARTUは、鑑賞スペースをまるで美術館の展示のように扱い、大型の製品写真、さりげないマーキング、そして構図を完成させる下部のライムのアクセントを巧みに取り入れている。
ARTUは、ブラウザ形式の家具ギャラリーのような機能を持っています。単一のカスタムメイドのネオグロテスク書体、単色、真っ白なキャンバス、ビューポート全体を埋め尽くす製品写真、そして目に見えるインターフェース要素がほぼ皆無です。その規律は極限まで徹底しており、色は1色、フォントファミリーは1種類、表面の色は2色のみ。ネガティブスペースは、他の部分で影やグラデーションが果たすのと同じ役割を果たしています。色は外科手術のように慎重に使われています。鮮やかなライムグリーン（#d7ff66）は、最後の合図としてページの下部にのみアクセントとして使用され、鮮やかな赤（#ff1313）は、意図的にコントラストを抑えた細い境界線やアイコンのストロークとして現れ、情報ではなくグラフィックのリズムとして機能します。その結果、商業ウェブサイトというよりは、アートブックの見開きページのような印象を受けます。製品がレイアウトであり、レイアウトが空白であり、インターフェースは右上隅にある細い黒のすべて大文字のナビゲーションラインです。
1列1ページの画像ギャラリー。最初の画面には、上部に細いナビゲーションバー（左側にロゴ、右側にカンマで区切られたメニュー項目、言語/カート/メニュー）と画像の右下隅に最小限のカルーセル矢印が付いた、全幅のスプラッシュページ写真が表示されます。スプラッシュページ写真の下には細い黒い区切り線があり、その下に広々とした画像グリッドが続きます。このグリッドには、小さなサムネイル、中サイズの正方形、幅の異なる大きな縦長の画像（約25.5ページ）が非対称に配置され、すべて白い背景に、2/2を超える間隔はありません。ページの最後には、ライムグリーンの全幅のストライプ（約24.4）がページ下部にあります。全体として、印刷されたカタログのような印象を受けます。タイポグラフィは余白に配置され、写真は中央にあり、ライムグリーンのストライプが構成を完成させています。
写真がビジュアルアイデンティティのすべてです。家具や椅子を、温かみのある室内照明と自然な影を活かした白または木の床で撮影した、フルサイズで高品質な写真が使われています。最初のメイン画像は画面いっぱいに表示されます。ギャラリーセクションでは、非対称な編集レイアウトを採用し、さまざまなサイズとアスペクト比（1:1、3:4、2:3）の画像が広い余白を挟んで配置され、キャプションやオーバーレイは一切ありません。イラストも、数本の細い赤い線以外のアイコンも、抽象的なグラフィックも、ライフスタイル写真もありません。被写体は常に被写体であり、文脈の中で捉えられ、決して装飾されることはありません。
パレット
中性
- Canvas White
#ffffff— ページの背景、カードの表面、グラフィック画像など、サイト全体が純白の背景の上に配置されています。 - Ink Black
#000000— テキスト、細い枠線、ナビゲーション、リンクの下線、画像フレームなど、構造的な色はすべてそのまま使用されています。 - Terminal Lime
#d7ff66— フッターのストライプ、表面のハイライト、そして最後のアクセントとして、ギャラリーの壁にある色付きの縁取りのようにページ境界を際立たせる、深みのある緑色。 - Signal Red
#ff1313— 編集レイアウトにおける装飾的な枠線、アイコンの輪郭線、細い線などは、ほとんど判読できないコントラストを持つグラフィック句読点として使用されるが、本文として使用されることはない。
タイポグラフィ
18～32ピクセル・4段階
- HelveticaNeuePro — 交換： Neue Haas Grotesk · 概要 400 · ナビゲーション、本文、見出し、入力フィールド、フッターに使用できる汎用性の高いフォントファミリー。サイト全体では単一のフォント（400）を使用し、ナビゲーションとフッターではすべて大文字で設定され、0.0140em～0.0240emの正の文字間隔により、単一のフォントに機械的でカタログのようなリズム感を与えています。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 11px |
| ボタンの半径 | 0px |
| カード半径 | 0px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 32px |
| ページ幅 | 1440px |
AI がARTUスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Apple (España) — 柔らかな自然光に照らされた美術館のギャラリーは、魅惑的で軽やかな白い空間で、それぞれの展示品は淡い色合いの壁にスポットライトで照らされている。
- Apple (España) — ホワイトミュージアムギャラリーの正午
- Structured — 粘土のような紙に描かれたルネッサンスギャラリー
- MindMarket — クリーム色の紙に印刷された、居心地の良いおとぎ話の本。大きなInterの見出しと切り抜かれた紙のキャラクターが、太陽の光を浴びたような、ステッカーのように柔らかい表面に共存する、親しみやすい編集上のキャンバス。
- Airbnb — 静かな白いギャラリーの壁に、サンゴ色のしおりが1枚だけ飾られている。
- Lamborghini — ショールームのスポットライトの下に展示された黒いボディカラーの車と、黄色い車が1台。
- Apple (España) — オブシディアン・ギャラリーの展示室は薄暗い展示ホールで、そこにチタン製のオブジェが一つだけ、漆黒の背景に浮かび上がって光っている。
- 099 SUPPLY — 白黒のオブジェで埋め尽くされたギャラリーの壁
- Apple (España) — 白いギャラリー用ディスプレイケース
- Custo — ガンメタルカラーのギャラリーに、巨大なフォントが配されている。落ち着いたグレーグリーンのトーンで統一されたショールームには、たった一つの暗いオブジェと57ピクセルのフォントが、それ自体で雄弁に語りかけてくる。
- Silencio — 白い部屋に、浮かぶようなオブジェが点在する。温かみのある紙で作られたギャラリー展示では、それぞれの要素が余白を背景にそれぞれの場所を占め、静寂は意図的なデザイン上の決定である。
- Oakâme — 陽光が降り注ぐ、温かみのある石を彫り出したプロヴァンス風の工房