余白 — 日々を整える、三つの茶器YOHAKU — Three objects for a quieter everyday

架空の茶器ブランド「余白 / YOHAKU」の静かな商品紹介ページをデザインする。背景は黒に近い緑、主色は #166534、淡い文字と明るい詳細欄には #F0FDF4 を使う。冒頭は左右対称にせず、大きな和文明朝体の見出しを左上、横長の急須写真を右下へずらし、小さな導入文を写真の左に置いた不均等なグリッドにする。細い罫線、控えめな英字ラベル、十分な余白で明快な読み順をつくる。商品欄は白い茶碗を大きく、緑の湯呑を小さく低い位置に配置し、品名・容量・価格を整然と添える。素材と手入れは淡い背景の編集記事風の段組みで紹介する。最後は深緑の背景、大きな和文メッセージ、商品欄へ戻るリンクで締めくくる。写真には自然光の陶器の静物を用いる。スマートフォンでは見出し、急須写真、導入、商品、詳細、案内の順に一列へ組み替える。

Design a quiet editorial product showcase for fictional teaware brand YOHAKU. Combine near-black green with #166534 and pale #F0FDF4. Avoid a symmetric opening: place a large Japanese serif headline toward the upper left, offset a wide teapot still life toward the lower right, and position a compact introduction beside it. Use fine rules, small English labels and generous space to preserve a clear hierarchy within the irregular grid. Present a larger ivory bowl image and a smaller green cup image at different vertical positions, with restrained names, capacities and prices. Introduce material and care notes in a pale editorial section. Close with a deep-green panel, generous Japanese typography and a link back to the collection. Use natural-light ceramic photography. On small screens, establish a deliberate single-column order of headline, teapot photograph, introduction, products, details and final invitation.