ハイキングを通して感じた本当に必要な道具を形にしていく
01 — COLORS
カラーパレット
主軸は「青 #0386f0 + ベージュ #dfceaa」。記事カードは多色パレットを巡回させ、明度で黒白文字を切り替える。
Yamatomichi Blue
#0386f0
プライマリ。CTA・リンク
Trail Beige
#dfceaa
準ブランド。自然色の地
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、明度で文字色を切り替える。
04 — BUTTONS
ボタン
主要CTAは青のピル、記事バナーはグレー枠の角丸、カテゴリは淡グレーのピルタグ。
05 — CARDS
製品カード(角丸フィーチャー)
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 前後。