MONTARA
SCROLL / 向下滚动
01
CONTENTS — 目录

体系全览

02品牌愿景Vision
03品牌故事Story
04标志系统Logo System
05色彩系统Color
06光谱渐变字Spectrum Type
07字体系统Typography
08摄影风格Photography
09图标系统Iconography
10图形纹样Pattern
11数字应用Digital
12应用延展Applications
13结语Closing
02
VISION & CONCEPT — 品牌愿景

我们相信,真正的高处,
不是海拔,而是心境

探步山海不做「更远的旅行」,我们做「更清晰的行走」。每一次出发,都是把城市的噪声调低一格,把自己与山海之间的距离,走近一点。这是探步山海第一次把这份理念,写成一页可以被看见、被引用、被延续的品牌开场陈述。

01
向上 Ascend
每一步都朝向更高、更远、更清晰的自己 —— 山径向上,视野随之展开,这是探步山海最原始的驱动力。
02
留白 Pause
在城市与山海之间,为自己留一段无需回复消息的时间 —— 「在更高的光下停一停」,是我们写在产品包装上的邀请。
03
清晰 Clarity
拨开山雾与人群噪声,看见本质的风景 —— 这也是我们选择极简黑白灰基底、以光谱色作为唯一点缀的原因。
品牌口号 · TAGLINE
往更清的风里去 / Follow the line upward
03
BRAND STORY — 品牌故事

「探步」是动作,「山海」是方向。

探步山海诞生于一个很朴素的观察:越来越多人渴望离开屏幕、走进自然,却缺少一套既懂户外、又足够克制审美的装备与场域语言。我们从天幕、帐篷、睡袋到服装,用同一种视觉语言贯穿始终 —— 深色基底、几何符号、以及在关键时刻才出现的光谱色点缀。

剪影中的行者、发光的符号、暮色中的天幕,构成了探步山海最初、也最持久的视觉母题:一个人,在光与雾之间,向上走。

探步山海 品牌海报 剪影与紫色光晕
探步山海 · 往更清的风里去FOLLOW THE LINE UPWARD
05
COLOR SYSTEM — 色彩系统

色彩不是装饰,是节奏。
我们用 60 / 30 / 10 的比例,让每一处紫色与光谱色都发生在该发生的地方。

60%
主导色 · DOMINANT
30%
辅助色 · SECONDARY
10%
强调色 · ACCENT
深黑 / 石墨 —— 背景、正文、结构 探步紫 —— 品牌识别、交互、标志底色 光谱渐变 / 纸白 —— 焦点、引导视线
RULE 01

60% 主导色用于所有背景与正文层,确保品牌在任何介质上都保持深邃、克制的基调,不与内容争夺注意力。

RULE 02

30% 探步紫只出现在品牌识别位置 —— 标志底色、按钮、章节标记 —— 用于建立「这是探步山海」的瞬间识别。

RULE 03

10% 光谱强调色是全年最稀缺的视觉资源,只用于标题高光、关键数据与核心传播物料,越少使用越珍贵。

墨黑 Ink Black
60% · 背景 / 正文
#0A0A0C
石墨灰 Graphite
60% · 卡片 / 分层
#1A1A1F
MONTARA紫 Montara Violet
30% · 品牌主色
#6D2FB8
暮山紫 Dusk Violet
30% · 深色场景底色
#1F0D35
品牌光谱 Spectrum
10% · 强调 / 高光渐变
CYAN → MAGENTA → PURPLE
雾白 Fog Paper
10% · 反转场景底色
#F3F0EA
山雾灰 Mist Grey
中性 · 次要文本
#A5A2A0
冷光青 Spectrum Cyan
光谱起点
#31E3E3
06
SPECTRUM TYPOGRAPHY — 光谱渐变字
往更清的风里去

这是探步山海视觉体系中最新、也最核心的资产:Cyan → Magenta → Purple 的品牌光谱渐变,专用于文字高光。它只出现在情绪最浓的一句话上 —— 品牌口号、章节主标题、关键传播语句 —— 像雾开的一瞬,短暂却难忘。

向上走
DO · 用于短句主标题

2–6 个字的核心词最佳,渐变角度保持水平(90°±5°),确保三色都能完整显现。

在光与雾之间
DO · 用于强调语句

句子级应用时,字号不小于 28px,保证渐变有足够的横向跨度过渡三色。

探步山海探步山海探步山海探步山海
DON'T · 禁止用于正文段落

光谱渐变字会显著降低长文本的可读性,正文永远使用纯色文字,渐变只留给「金句」。

光谱构成 · CYAN #31E3E3 → MAGENTA #FF3FA0 → PURPLE #8C4BDB
SHAN HAI

GRADIENT ANGLE 90° · APPLIES TO DISPLAY TEXT ONLY · NEVER ON BODY COPY

07
TYPOGRAPHY — 字体系统

两套字体,一套秩序。

英文采用极粗几何无衬线,承担标题与符号化表达;中文采用现代黑体,保证长文本的清晰易读。字重与字号的对比,替代了多余的装饰。

display · 展示字体几何无衬线 ExtraBold
Shan Hai
字重 800字距 -0.01em用于主标题 / Slogan / 章节名
headline · 中文标题现代黑体 Bold
探步山海
字重 700字距 -0.01em用于中文主标题 / 产品命名
body · 正文常规黑体 Regular
探步山海诞生于对自然与秩序的信任 —— 我们相信最好的装备是安静的,最好的设计是留白的,最好的旅程是让人愿意抬头看一眼山与海的。
字重 400行高 1.8用于说明文 / 品牌文案
mono · 系统字体等宽字体 Mono
TAN BU SHAN HAI / EST. TRAIL №01
字重 400字距 0.08em用于标签 / 编号 / 元数据
Light Regular Semibold ExtraBold
08
PHOTOGRAPHY STYLE — 摄影风格

高对比、低饱和、有雾感的光。

探步山海的影像永远在「暮色」而非「正午」发生 —— 剪影化的人物、单一色相的光晕、以及被刻意压暗的环境细节,共同构成一种克制而有戏剧感的摄影语言。

人像摄影 侧脸特写 冷色调
都市场景 海报陈列 紫色光晕
服装背面 产品摄影 对称构图
服装背面细节
01 / 光线

暮色为主

优先使用日落前后、地铁灯带、室内低照度环境;避免正午顶光与过曝高光。

02 / 主体

剪影优先

人物面部信息刻意隐藏或简化,用轮廓与姿态传达情绪,而非表情特写。

03 / 色彩

单色光晕

每张影像仅允许一处光谱色或探步紫光晕作为视觉焦点,其余区域保持低饱和灰阶。

04 / 构图

对称与留白

优先中心对称或强几何构图,画面中至少保留 40% 的负空间用于呼吸。

禁止顶光正午场景
禁止高饱和多色混用
禁止清晰正面表情特写
禁止杂乱背景 / 无留白构图
09
ICONOGRAPHY — 图标系统

精密的线条,讲述户外的语言。

全部图标基于统一的构造网格与线宽绘制,笔画粗细、端点样式与转角半径与主标志保持完全一致 —— 图标是标志语言在功能场景中的延伸,而非另一套视觉系统。

构造规则

网格 — 24×24 基础网格,关键节点对齐 2px 子网格。

笔画 — 统一 1.5px 描边(大尺寸场景可等比放大至 3–4px),端点为圆角(round cap)。

风格 — 纯线性、无填充、无阴影;仅在「已选中 / 激活」状态下允许使用探步紫作为描边色。

尺寸 — 标准输出 16 / 24 / 32px,最小可用尺寸不低于 16px。

10
GRAPHIC PATTERN — 图形纹样

标志的重复,是山脊的延伸。

纹样应用 · 包装内衬 / 卡片背面 / 空间陈列 密度可调 · 建议透明度 30–55%
品牌海报陈列 纹样应用
手持卡片 纹样应用
平铺物料 品牌纹样系统
11
DIGITAL APPLICATIONS — 数字应用

从纸面到屏幕,同一套秩序。

数字端界面延续深色基底、探步紫强调与光谱高光的三层结构 —— 深色背景负责氛围,紫色负责识别,光谱色只出现在最关键的一次点击或一句标题上。这是探步山海第一次将网站与 App 的界面逻辑,写成可被复用的规范。

探步山海 官网首页 深色界面
9:41探步山海 · APP
TRAIL №01
往更清的风里去

本周推荐 · 三条向上的路线

海拔
1,240m
用时
3.5h
难度
中等
官网首页 · Website Homepage · Dark Mode 移动端 App · Mobile UI · 光谱色仅用于标题高光
01

导航结构

顶部导航保持极简,仅保留品牌标识、主分类与一个强调按钮,背景始终为深色透明层。

02

首屏氛围

首屏使用暮色摄影或渐变紫作为背景,标题文字允许使用光谱高光,但正文与导航保持纯色。

03

信息卡片

数据类信息统一使用石墨灰卡片承载,数值用等宽字体呈现,强化「精密」的产品调性。

04

交互反馈

按钮与选中状态统一使用探步紫,禁止使用光谱渐变作为可点击元素的默认状态色。

12
BRAND APPLICATIONS — 应用延展

从包装到空间,视觉语言持续生长。

13
CLOSING — 结语
MONTARA
往更清的风里去

这是探步山海第一套完整、可被信任、可被延展的品牌视觉体系。
愿景已写下,色彩已定比例,光谱已找到边界 —— 剩下的,交给每一次真正的出发。