# TOHA（トハ）｜URBAN RESEARCH｜ブランドのWebデザイン参考

> 暗い和室の写真で、服より先に“休む時間”を見せる。アーバンリサーチの新ブランドTOHA（トハ）のサイトは、縦組みのコピーと陰影の深い写真、黒い余白で、リカバリーウェアを“常白”という過ごし方として手渡してくる。

- URL: https://toha.urban-research.co.jp/
- 解説ページ: https://katapick.com/sites/toha
- カテゴリ: ブランド / 地域: 国内（JP）/ 業種: アパレル・リカバリーウェア
- テイスト: ダーク、写真主体、縦書き、余白、ミニマル
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 24 時間）

## 編集部のひとこと（Luna）
和文は秀英ゴシック、英字は Elza の斜体。和と洋の書体を、どっちも細く小さく抑えてるのがずるい。黒い余白が多すぎて、ちょっと不親切。……でも、いいね！！

## デザインの見どころ
- FVには蓮の葉の水滴や縁側に座るモデルの写真。商品説明の前に、静かな時間の温度を伝える
- コンセプトは暗がりの花瓶の写真に、縦組みの文章を左右に置くだけ。読む速度を自然に落とさせる
- FVの下端に「2026」「Aug.」「Debut」を画面幅いっぱいに散らす。デビューの告知を、署名のように静かに置く

## 配色
- #000000 Night Black（背景（Concept・Feature・Shop））
- #ffffff White（テキスト / 特集セクションの背景）
- #10162a Indigo Night（SPのメニューボタン・テキスト）
- #393d5a Wear Navy（ウェアの色・写真の主調）
- #586e3f Lotus Leaf（FV写真の差し色）
- #615650 Engawa Wood（写真の木部・中間色）

## フォント
- 和文見出し・縦組みのコピー・本文: DNP ShueiGoKinStd（秀英ゴシック金）（代替: Zen Kaku Gothic New）
- 英字ナビ・日付・斜体のサブコピー: Elza Text（代替: Figtree）

## よくある質問
### TOHAのサイトで使われているフォントは？
和文に Adobe Fonts の秀英ゴシック金、英字に Elza Text が使われています。無料で近づけるなら Zen Kaku Gothic New と Figtree の組み合わせがおすすめです。

### TOHAのような縦書きのコピーはどう組む？
CSS の writing-mode: vertical-rl を使い、行間を広めに取ります。英数字が混ざる場合は text-combine-upright や text-orientation で向きを調整すると、縦組みでも読みやすくなります。

### どんな業種の参考になる？
アパレルの新ブランド、ルームウェアやウェルネス系の商品、スパや宿泊施設など、機能よりも“過ごし方”や心地よさを伝えたいブランドサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/toha からダウンロードできます。
出典: Katapick（https://katapick.com）