山と道
ハイキングを通して感じた本当に必要な道具を形にしていく
私たち山と道のことこの奇妙な山道具メーカーを知る
01 — COLORS

カラーパレット

主軸は「青 #0386f0 + ベージュ #dfceaa」。記事カードは多色パレットを巡回させ、明度で黒白文字を切り替える。

Yamatomichi Blue
#0386f0
プライマリ。CTA・リンク
Trail Beige
#dfceaa
準ブランド。自然色の地
Text Black
#000000
本文・見出し
Tag Grey
#ebebeb
カテゴリタグの地
EDITORIAL CARD PALETTE — 記事カードの多色
Olive #9db033
Gold #d3ac45
Sky #47a2e3
Coral #f25745
Pink #f171c4
Slate #7f8896
Mint #bed387
Peach #fad7b9
Cream #fffaea
Lavender #e3dde1

02 — TYPOGRAPHY

タイポグラフィ

和文 筑紫ゴシック+欧文 Helvetica Now の混植。本文 weight 300、見出し weight 600–700。(Web では Zen Kaku Gothic New で代替)

大見出し H1
h1 · 48px · weight 600 · lh 1.4
見出し — 山と道の考えるUL
heading · 24px · weight 600
カードタイトル 20px
card title · 20px · weight 600
本文 — ウルトラライトハイキングは、荷物を軽くすることそのものが目的ではありません。軽さがもたらす自由と、山との新しい関わり方を探る営みです。
body · 16px · weight 300 · lh 1.4(長文は1.7)
強調・リンク — 一覧を見る
link · 16px · weight 600 · color #0085ee

03 — JOURNAL

記事カード(多色・角ゼロ)

記事一覧カードは 1 枚ごとに背景色が変わる。角は 0、明度で文字色を切り替える。

JOURNALUL Hikeって何? COMMUNITYHLCを振り返る PLAYLIST7月の楽曲イメージ INFORMATION製品の販売日のお知らせ

04 — BUTTONS

ボタン

主要CTAは青のピル、記事バナーはグレー枠の角丸、カテゴリは淡グレーのピルタグ。

一覧を見る 山と道の考えるUL COMMUNITY PLAYLIST

05 — CARDS

製品カード(角丸フィーチャー)

MINI2 バックパック
¥28,600
UL Shirt
¥17,600
DW 5-Pocket Pants
¥24,200

06 — FORMS

フォーム

デフォルト / フォーカス / エラーの3状態。角丸 8px、フォーカスは青。

正しい郵便番号を入力してください。
送信する

07 — ELEVATION

奥行き

基本はフラット。奥行きは色分けと角丸で表現し、影は最小限。

Level 0 — none
Level 1 — card hover
Level 2 — modal

08 — LAYOUT

スペーシング

4 / 8 / 16 / 24 / 40 / 64px。カード間は 16px 前後。

XS 4
S 8
M 16
L 24
XL 40
XXL 64