---
version: alpha
name: Snow Peak（スノーピーク）
description: 「人生に、野遊びを。」― 自然との共生を哲学とする日本の高級アウトドアブランド。モノクロームのロゴ、クリムゾンのアクセント、アーシーなニュートラル、高品質な自然写真で構成されたミニマリスト・ネイチャー系デザインシステム。
sources:
  - https://www.snowpeak.co.jp/
  - https://www.snowpeak.co.jp/about/message/
  - https://www.snowpeak.co.jp/about/history/
  - https://www.snowpeak.com/pages/layout-system
  - https://brandfetch.com/snowpeak.co.jp
  - https://designnokoto.com/wd/2804
  - https://logostock.jp/snowpeak/
  - https://www.rivfield.com/famous-sites-css-font-family/
notes:
  - "[直接証拠] Brandfetch (snowpeak.co.jp) より: #8C1818, #E0D6B8, #000000 の3色を主要ブランドカラーとして確認"
  - "[直接証拠] デザインギャラリー分析より: グレー・ホワイト・レッドのトーン、Webフォント使用、スクロールアニメーション、レスポンシブ設計"
  - "[直接証拠] CSS解析より: font-family は sans-serif のみ宣言（ブラウザデフォルト依存 + Webフォント補完）"
  - "[直接証拠] ロゴ: アスタリスク（＊）型SVG、fill/stroke 未指定＝モノクロ運用"
  - "[公式テキスト] タグライン: 「人生に、野遊びを。」/ ミッション: 「衣食住働遊—人が生きるすべての時間に、自然を感じる幸せを。」"
  - "[推論] body text 色 #1A1A1A, 中間グレー #888888, ボーダー #D8D8D8 はサイト観察からの推定値"
  - "[推論] タイポグラフィスケールはサイト構造から推定（明示的なpx値は取得不能）"
  - "CSS カスタムプロパティはサーバー側レンダリングにより直接取得できなかった"
colors:
  brand-red: "#8C1818"
  warm-beige: "#E0D6B8"
  ink: "#000000"
  white: "#FFFFFF"
  charcoal: "#1A1A1A"
  mid-gray: "#888888"
  light-gray: "#D8D8D8"
  surface-warm: "#F5F2EA"
typography:
  display:
    fontFamily: "sans-serif"
    fontSize: "clamp(2rem, 5vw, 4rem)"
    fontWeight: "300"
    lineHeight: "1.2"
    letterSpacing: "0.08em"
  h1:
    fontFamily: "sans-serif"
    fontSize: "clamp(1.5rem, 3.5vw, 2.75rem)"
    fontWeight: "400"
    lineHeight: "1.3"
  h2:
    fontFamily: "sans-serif"
    fontSize: "clamp(1.25rem, 2.5vw, 2rem)"
    fontWeight: "400"
    lineHeight: "1.4"
  body:
    fontFamily: "sans-serif"
    fontSize: "1rem"
    fontWeight: "400"
    lineHeight: "1.8"
  label:
    fontFamily: "sans-serif"
    fontSize: "0.75rem"
    fontWeight: "400"
    letterSpacing: "0.12em"
    textTransform: "uppercase"
rounded:
  none: "0"
  sm: "2px"
  md: "4px"
spacing:
  base: "8px"
  section-gap: "80px"
  card-gap: "24px"
  content-max-width: "1280px"
components:
  button-primary:
    backgroundColor: "{colors.ink}"
    color: "{colors.white}"
    padding: "12px 32px"
    borderRadius: "{rounded.none}"
    fontFamily: "sans-serif"
    fontSize: "0.875rem"
    letterSpacing: "0.1em"
  button-secondary:
    backgroundColor: "transparent"
    color: "{colors.ink}"
    border: "1px solid {colors.ink}"
    padding: "11px 31px"
    borderRadius: "{rounded.none}"
  link-cta:
    color: "{colors.ink}"
    textDecoration: "underline"
    icon: "icon_explink.svg (external-link arrow)"
  card-product:
    backgroundColor: "{colors.white}"
    borderRadius: "{rounded.none}"
    imageRatioRect: "16:9"
    imageRatioSquare: "1:1"
    padding: "16px 0"
  nav-primary:
    pattern: "sticky mega-menu"
    backgroundColor: "{colors.white}"
    borderBottom: "1px solid {colors.light-gray}"
    logoPosition: "center or left"
  footer:
    backgroundColor: "{colors.ink}"
    color: "{colors.white}"
    columns: 4
    sections: ["Service", "Experience", "Company", "Support"]
---

## 概要（Overview）

Snow Peak（スノーピーク）は1958年創業の新潟発・高級アウトドアブランド。名称は谷川岳（Mount Tanigawa）を指す。ブランドの核心は「人間性の回復（Restoration of Humanity）」—自然に触れることで人は本来の自分を取り戻せるという哲学。

視覚的アイデンティティは **「誠実さの静けさ」** を体現する：過剰な装飾を排し、素材・写真・余白で語る。赤は情熱の差し色として最小限に使い、黒と大地色のニュートラルが主役。

---

## カラー（Colors）

### ブランドカラー

| ロール | Hex | 使用場所 |
|---|---|---|
| **brand-red** | `#8C1818` | アクセント、ホバー強調、バッジ。多用禁止。 |
| **warm-beige** | `#E0D6B8` | セクション背景、カード下地、自然系トーンの文脈で |
| **ink** | `#000000` | プライマリテキスト、ロゴ、ボタン背景、ボーダー |
| **white** | `#FFFFFF` | メイン背景、テキスト（暗背景上） |

### ニュートラル（推定）

| ロール | Hex | 使用場所 |
|---|---|---|
| **charcoal** | `#1A1A1A` | ボディテキスト（純黒より柔らかい） |
| **mid-gray** | `#888888` | キャプション、補助テキスト |
| **light-gray** | `#D8D8D8` | ボーダー、区切り線 |
| **surface-warm** | `#F5F2EA` | ページ全体の地色（温かみのある白） |

### 使い分けルール

- `brand-red` はページあたり1〜2箇所に限定。CTAや重要ラベルにのみ。
- 背景は `white` または `surface-warm` を基本とし、セクション切り替えに `warm-beige` を差し込む。
- テキストは `charcoal` / `ink`。リンクに青は使わない（underline + `ink` で処理）。

---

## タイポグラフィ（Typography）

**宣言:** `font-family: sans-serif;`（OS/ブラウザのデフォルトsans-serif + Webフォントで補完）

日本語環境では游ゴシック・Noto Sans JPが自動適用されるケースが多い。英字は Helvetica Neue / Arial 系統が多い。

### スケール

| レベル | サイズ目安 | ウェイト | 用途 |
|---|---|---|---|
| **display** | 3–4rem | Light 300 | ヒーローコピー、哲学的文言 |
| **h1** | 2–2.75rem | Regular 400 | ページタイトル |
| **h2** | 1.5–2rem | Regular 400 | セクション見出し |
| **body** | 1rem | Regular 400 | 本文（行間 1.8 で読みやすく） |
| **label** | 0.75rem | Regular 400 | カテゴリタグ、ナビラベル（大文字・字間広め） |

**和文ルール:**
- 行間 (line-height) は **1.8** 以上を確保
- 見出しでの字間 (letter-spacing) は `0.05em`〜`0.1em`
- 本文縦書き非対応（横組み統一）

---

## レイアウト（Layout）

### グリッド原則

- コンテンツ最大幅: **1280px**（内側パディング: 24–40px）
- 基本スペーシングユニット: **8px**
- セクション間余白: **80px** 以上

### 主要パターン

1. **フルブリード・ヒーロー** — ビューポート幅100%の写真バナー。テキストオーバーレイまたは下部キャプション。
2. **ポータルカード** — アイコン + ラベル + CTAの3段構成。5つの生活軸（衣食住働遊）に対応。
3. **プロダクトグリッド** — 矩形 (16:9) と正方形 (1:1) の2形式のカードを混在。
4. **水平スクロールギャラリー** — 特集コンテンツやイベント一覧に使用。
5. **4カラムフッター** — 黒背景、白テキスト、Service / Experience / Company / Support の4列。

---

## コンポーネント（Components）

### ボタン

```
Primary:  background #000000 | color #FFFFFF | padding 12px 32px | border-radius 0
Secondary: background transparent | color #000000 | border 1px solid #000000
```

- 角丸なし（`border-radius: 0`）が Snow Peak の直線的・工業的な美学に合致
- テキストは大文字化せず（日本語との混在があるため）
- ホバー: `background #8C1818`（brand-red）でアクセント

### カード

- プロダクトカード: 背景白、パディングなし（フラットエッジ）、画像フルブリード
- CTA はカード下部に「詳しく知る →」形式のテキストリンク

### ナビゲーション

- スティッキーヘッダー（スクロールで追従）
- メガメニュー: カテゴリグループ + フィーチャー画像
- ロゴ: SVGアスタリスク（＊）、黒または白のモノクローム
- SNSアイコン: Instagram / Twitter / Facebook / YouTube / LINE

---

## イメージリ（Imagery）

### 写真スタイル

- **屋外自然風景**: 山・森・河川・焚き火・空のロケーション写真
- **ライフスタイル**: 人物あり、実際にキャンプを楽しむ文脈（演出ではなくドキュメンタリー的）
- **プロダクト**: グレー〜白の無地背景 or 自然環境下での使用シーン
- **色調**: 自然の色域を優先（過度な彩度補正なし）。深いオリーブ・アンバー・チャコールが多い

### 映像 / モーション

- スクロール連動アニメーション（フェードイン・スライドイン）
- ヒーローバナーの自動カルーセル

### アイコン

- SVG ストロークアイコン（ライン系）
- テーマ別: キャンプ、食、宿泊、働く環境、イベント
- 統一されたストローク太さ

---

## ロゴと使用ルール（Logo & Usage）

### ロゴシンボル

- **形状**: アスタリスク（＊）を変形したマーク（雪の結晶 + 山頂のメタファー）
- **由来**: 谷川岳（Mount Tanigawa）の雪峰。意図的な不規則性で自然感を演出
- **カラー**: モノクローム運用（黒 or 白）。着色禁止

### 使用ルール（推定）

| 状況 | ロゴカラー |
|---|---|
| 白・淡色背景 | 黒（#000000） |
| 黒・濃色背景 | 白（#FFFFFF） |
| 写真上 | 白 + ドロップシャドウ不要（コントラスト確保で対応） |

- 最小サイズ: デジタルで 32px 相当
- ロゴ周囲のクリアスペース: ロゴ高さの 50% 以上
- ロゴを変形・着色・エフェクト追加しない
- ロゴ単独使用時にタグラインは必須でない

---

## Do's and Don'ts

### Do

- 余白を広く取り、写真と文字に呼吸させる
- タグライン「人生に、野遊びを。」のシンプルな縦書き・横書きを尊重する
- `brand-red` はスパリングに使う（アクセントの1〜2箇所）
- 自然素材・アースカラーのテクスチャ写真を積極活用する
- 正方形・矩形の2種のカードフォーマットを一貫して使い分ける
- 角丸なしの四角形UIで工業的誠実さを表現する

### Don't

- グラデーション背景・蛍光色・過剰なビジュアル演出を使わない
- ロゴに色をつけたり変形しない
- `brand-red` を背景色として広域に使わない（ボタンホバーや小バッジのみ）
- フォントを過剰にボールド化しない（Light〜Regular が基本）
- 写真に不自然なフィルターや彩度補正を加えない
- 日本語テキストの行間を 1.5 未満にしない

{
  "$schema": "https://aistyles.dev/schema/tokens-v1.json",
  "version": "1.0",
  "brand": {
    "slug": "snowpeak",
    "name": "Snow Peak (スノーピーク)",
    "url": "https://www.snowpeak.co.jp/",
    "description": "「人生に、野遊びを。」- 自然との共生を哲学とする日本の高級アウトドアブランド。モノクロームのロゴ、クリムゾンのアクセント、アーシーなニュートラル、高品質な自然写真で構成されたミニマリスト・ネイチャー系デザインシステム。",
    "category": "ec",
    "tags": [
      "outdoor",
      "japanese",
      "premium",
      "minimal",
      "earthy",
      "lifestyle"
    ],
    "theme": "light",
    "language": "ja"
  },
  "sources": [
    "https://www.snowpeak.co.jp/",
    "https://www.snowpeak.co.jp/about/message/",
    "https://www.snowpeak.co.jp/about/history/",
    "https://www.snowpeak.com/pages/layout-system",
    "https://brandfetch.com/snowpeak.co.jp",
    "https://designnokoto.com/wd/2804",
    "https://logostock.jp/snowpeak/",
    "https://www.rivfield.com/famous-sites-css-font-family/"
  ],
  "extractedAt": "2026-05-16",
  "notes": [
    "[直接証拠] Brandfetch (snowpeak.co.jp) より: #8C1818, #E0D6B8, #000000 の3色を主要ブランドカラーとして確認",
    "[直接証拠] デザインギャラリー分析より: グレー・ホワイト・レッドのトーン、Web フォント使用、スクロールアニメーション、レスポンシブ設計",
    "[直接証拠] CSS 解析より: font-family は sans-serif のみ宣言(ブラウザデフォルト依存 + Web フォント補完)",
    "[直接証拠] ロゴ: アスタリスク(*)型 SVG、fill/stroke 未指定 = モノクロ運用",
    "[公式テキスト] タグライン: 「人生に、野遊びを。」/ ミッション: 「衣食住働遊—人が生きるすべての時間に、自然を感じる幸せを。」",
    "[推論] body text 色 #1A1A1A、中間グレー #888888、ボーダー #D8D8D8 はサイト観察からの推定値",
    "[推論] タイポグラフィスケールはサイト構造から推定(明示的な px 値は取得不能)",
    "CSS カスタムプロパティはサーバー側レンダリングにより直接取得できなかった"
  ],
  "colors": {
    "groups": [
      {
        "label": "Brand",
        "tokens": [
          {
            "name": "Brand Red",
            "value": "#8C1818",
            "token": "--color-brand-red",
            "role": "アクセント、ホバー強調、バッジ。多用禁止"
          },
          {
            "name": "Warm Beige",
            "value": "#E0D6B8",
            "token": "--color-warm-beige",
            "role": "セクション背景、カード下地、自然系トーンの文脈で"
          },
          {
            "name": "Ink",
            "value": "#000000",
            "token": "--color-ink",
            "role": "プライマリテキスト、ロゴ、ボタン背景、ボーダー"
          },
          {
            "name": "White",
            "value": "#FFFFFF",
            "token": "--color-white",
            "role": "メイン背景、テキスト(暗背景上)"
          }
        ]
      },
      {
        "label": "Text",
        "tokens": [
          {
            "name": "Charcoal",
            "value": "#1A1A1A",
            "token": "--color-charcoal",
            "role": "ボディテキスト(純黒より柔らかい)"
          },
          {
            "name": "Mid Gray",
            "value": "#888888",
            "token": "--color-mid-gray",
            "role": "キャプション、補助テキスト"
          }
        ]
      },
      {
        "label": "Surface",
        "tokens": [
          {
            "name": "Surface Warm",
            "value": "#F5F2EA",
            "token": "--color-surface-warm",
            "role": "ページ全体の地色(温かみのある白)"
          }
        ]
      },
      {
        "label": "Border",
        "tokens": [
          {
            "name": "Light Gray",
            "value": "#D8D8D8",
            "token": "--color-light-gray",
            "role": "ボーダー、区切り線"
          }
        ]
      }
    ]
  },
  "typography": {
    "fonts": [
      {
        "family": "System Sans-Serif",
        "stack": "sans-serif",
        "role": "primary",
        "notes": "Snow Peak は font-family: sans-serif のみを宣言。OS / ブラウザのデフォルト sans-serif + Web フォントで補完する。"
      },
      {
        "family": "Japanese System",
        "stack": "\"游ゴシック\", \"YuGothic\", \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", sans-serif",
        "role": "japanese",
        "notes": "日本語環境では游ゴシック・Noto Sans JP が自動適用されるケースが多い。"
      },
      {
        "family": "Latin System",
        "stack": "\"Helvetica Neue\", \"Helvetica\", Arial, sans-serif",
        "role": "latin",
        "notes": "英字は Helvetica Neue / Arial 系統が多い。"
      }
    ],
    "scale": [
      {
        "role": "display",
        "size": "clamp(2rem, 5vw, 4rem)",
        "weight": 300,
        "lineHeight": 1.2,
        "letterSpacing": "0.08em",
        "notes": "ヒーローコピー、哲学的文言。Light ウェイトで上品さを表現。"
      },
      {
        "role": "h1",
        "size": "clamp(1.5rem, 3.5vw, 2.75rem)",
        "weight": 400,
        "lineHeight": 1.3,
        "notes": "ページタイトル"
      },
      {
        "role": "h2",
        "size": "clamp(1.25rem, 2.5vw, 2rem)",
        "weight": 400,
        "lineHeight": 1.4,
        "notes": "セクション見出し"
      },
      {
        "role": "body",
        "size": "1rem",
        "weight": 400,
        "lineHeight": 1.8,
        "notes": "本文。日本語の可読性を意識した広めの行間(1.8)"
      },
      {
        "role": "label",
        "size": "0.75rem",
        "weight": 400,
        "letterSpacing": "0.12em",
        "textTransform": "uppercase",
        "notes": "カテゴリタグ、ナビラベル(大文字・字間広め)"
      }
    ],
    "japanese": {
      "fontStack": "\"游ゴシック\", \"YuGothic\", \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", sans-serif",
      "lineHeight": 1.8,
      "letterSpacing": "0.05em",
      "kinsoku": {
        "wordBreak": "keep-all",
        "lineBreak": "strict",
        "overflowWrap": "anywhere"
      },
      "openType": {
        "palt": false,
        "kern": true
      },
      "notes": "行間 1.8 以上を確保。見出しの字間は 0.05em-0.1em。横組み統一(縦書き非対応)。日本語テキストの行間を 1.5 未満にしない。"
    }
  },
  "spacing": {
    "baseUnit": "8px",
    "tokens": [
      {
        "name": "section-gap",
        "value": "80px",
        "role": "セクション間余白(最低 80px 以上)"
      },
      {
        "name": "card-gap",
        "value": "24px",
        "role": "カード間のギャップ"
      },
      {
        "name": "content-padding",
        "value": "24px",
        "role": "コンテンツ内側の左右パディング(モバイル)"
      },
      {
        "name": "content-padding-desktop",
        "value": "40px",
        "role": "コンテンツ内側の左右パディング(デスクトップ)"
      }
    ]
  },
  "breakpoints": {
    "content-max": {
      "value": "1280px",
      "role": "コンテンツの最大幅"
    },
    "mobile": {
      "value": "768px",
      "role": "モバイル"
    },
    "tablet": {
      "value": "1024px",
      "role": "タブレット"
    },
    "desktop": {
      "value": "1280px",
      "role": "デスクトップ"
    }
  },
  "radius": {
    "none": "0",
    "sm": "2px",
    "md": "4px",
    "notes": "Snow Peak の直線的・工業的な美学に合致するため、角丸なし(0)が基本。ボタン・カード共に rounded: none で実装。"
  },
  "shadows": [],
  "motion": {
    "easing": {
      "default": "ease-in-out",
      "fast": "ease-out"
    },
    "duration": {
      "short": "0.3s",
      "medium": "0.6s"
    },
    "notes": "スクロール連動アニメーション(フェードイン・スライドイン)を活用。ヒーローバナーは自動カルーセル。派手なエフェクトは避ける。"
  },
  "components": [
    {
      "type": "button",
      "name": "Primary Button",
      "description": "黒背景・白文字のプライマリ CTA。角丸なしで工業的・直線的な美学を表現。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "#000000",
            "color": "#FFFFFF",
            "borderRadius": "0",
            "padding": "12px 32px",
            "fontSize": "0.875rem",
            "fontWeight": "400",
            "letterSpacing": "0.1em"
          }
        },
        {
          "label": "Hover",
          "props": {
            "background": "#8C1818",
            "color": "#FFFFFF",
            "borderRadius": "0",
            "padding": "12px 32px"
          }
        }
      ]
    },
    {
      "type": "button",
      "name": "Secondary Button",
      "description": "透明背景・黒枠線のセカンダリ CTA。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "transparent",
            "color": "#000000",
            "border": "1px solid #000000",
            "borderRadius": "0",
            "padding": "11px 31px",
            "fontSize": "0.875rem",
            "letterSpacing": "0.1em"
          }
        }
      ]
    },
    {
      "type": "link",
      "name": "CTA Link",
      "description": "アンダーライン付きのテキストリンク。「詳しく知る →」形式。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "color": "#000000",
            "textDecoration": "underline",
            "icon": "icon_explink.svg (external-link arrow)"
          }
        }
      ]
    },
    {
      "type": "card",
      "name": "Product Card",
      "description": "プロダクトカード。フラットエッジ・パディングなし・画像フルブリード。",
      "variants": [
        {
          "label": "Rectangle (16:9)",
          "props": {
            "background": "#FFFFFF",
            "color": "#1A1A1A",
            "borderRadius": "0",
            "imageAspectRatio": "16:9",
            "padding": "16px 0"
          }
        },
        {
          "label": "Square (1:1)",
          "props": {
            "background": "#FFFFFF",
            "color": "#1A1A1A",
            "borderRadius": "0",
            "imageAspectRatio": "1:1",
            "padding": "16px 0"
          }
        }
      ]
    },
    {
      "type": "navigation",
      "name": "Primary Navigation",
      "description": "スティッキーメガメニュー。白背景 + 薄ボーダー。ロゴは中央または左。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "#FFFFFF",
            "color": "#000000",
            "borderBottom": "1px solid #D8D8D8",
            "position": "sticky",
            "logoPosition": "center or left",
            "pattern": "sticky mega-menu"
          }
        }
      ]
    },
    {
      "type": "section",
      "name": "Footer",
      "description": "黒背景・白テキストの 4 カラムフッター。Service / Experience / Company / Support の構成。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "#000000",
            "color": "#FFFFFF",
            "columns": "4",
            "sections": "Service, Experience, Company, Support"
          }
        }
      ]
    },
    {
      "type": "section",
      "name": "Hero Section",
      "description": "ビューポート幅 100% の写真バナー。テキストオーバーレイまたは下部キャプション。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "image (full-bleed)",
            "color": "#FFFFFF",
            "layout": "full-viewport-width",
            "textPosition": "overlay or bottom-caption"
          }
        }
      ]
    },
    {
      "type": "card",
      "name": "Portal Card",
      "description": "アイコン + ラベル + CTA の 3 段構成。5 つの生活軸(衣食住働遊)に対応。",
      "variants": [
        {
          "label": "Default",
          "props": {
            "background": "#FFFFFF",
            "color": "#1A1A1A",
            "borderRadius": "0",
            "layout": "icon + label + CTA (3-stack)"
          }
        }
      ]
    }
  ],
  "imagery": {
    "photography": {
      "style": "屋外自然風景(山・森・河川・焚き火・空のロケーション写真)。ライフスタイル(人物あり、実際にキャンプを楽しむ文脈、演出ではなくドキュメンタリー的)。プロダクトはグレー〜白の無地背景 or 自然環境下での使用シーン。",
      "format": "JPEG / WebP",
      "notes": "色調は自然の色域を優先(過度な彩度補正なし)。深いオリーブ・アンバー・チャコールが多い。"
    },
    "icons": {
      "font": "SVG ストロークアイコン(ライン系)。統一されたストローク太さ。",
      "size": "テーマ別: キャンプ、食、宿泊、働く環境、イベント"
    }
  },
  "logo": {
    "restrictions": [
      "ロゴ形状: アスタリスク(*)を変形したマーク(雪の結晶 + 山頂のメタファー)",
      "由来: 谷川岳(Mount Tanigawa)の雪峰。意図的な不規則性で自然感を演出",
      "カラー: モノクローム運用(黒 or 白)。着色禁止",
      "白・淡色背景: 黒(#000000)",
      "黒・濃色背景: 白(#FFFFFF)",
      "写真上: 白 + ドロップシャドウ不要(コントラスト確保で対応)",
      "最小サイズ: デジタルで 32px 相当",
      "ロゴ周囲のクリアスペース: ロゴ高さの 50% 以上",
      "ロゴを変形・着色・エフェクト追加しない",
      "ロゴ単独使用時にタグラインは必須でない"
    ],
    "navRepresentation": "ヘッダーは SVG アスタリスク(*)型ロゴ。fill/stroke 未指定でモノクロ運用。"
  },
  "guidelines": {
    "do": [
      "余白を広く取り、写真と文字に呼吸させる",
      "タグライン「人生に、野遊びを。」のシンプルな縦書き・横書きを尊重する",
      "brand-red はスパリングに使う(アクセントの 1〜2 箇所)",
      "自然素材・アースカラーのテクスチャ写真を積極活用する",
      "正方形・矩形の 2 種のカードフォーマットを一貫して使い分ける",
      "角丸なしの四角形 UI で工業的誠実さを表現する"
    ],
    "dont": [
      "グラデーション背景・蛍光色・過剰なビジュアル演出を使わない",
      "ロゴに色をつけたり変形しない",
      "brand-red を背景色として広域に使わない(ボタンホバーや小バッジのみ)",
      "フォントを過剰にボールド化しない(Light〜Regular が基本)",
      "写真に不自然なフィルターや彩度補正を加えない",
      "日本語テキストの行間を 1.5 未満にしない"
    ]
  }
}