体系全览
我们相信,真正的高处,
不是海拔,而是心境。
探步山海不做「更远的旅行」,我们做「更清晰的行走」。每一次出发,都是把城市的噪声调低一格,把自己与山海之间的距离,走近一点。这是探步山海第一次把这份理念,写成一页可以被看见、被引用、被延续的品牌开场陈述。
「探步」是动作,「山海」是方向。
探步山海诞生于一个很朴素的观察:越来越多人渴望离开屏幕、走进自然,却缺少一套既懂户外、又足够克制审美的装备与场域语言。我们从天幕、帐篷、睡袋到服装,用同一种视觉语言贯穿始终 —— 深色基底、几何符号、以及在关键时刻才出现的光谱色点缀。
剪影中的行者、发光的符号、暮色中的天幕,构成了探步山海最初、也最持久的视觉母题:一个人,在光与雾之间,向上走。
一个分叉的符号,是山径、河流,也是向上生长的路径。
主标志由单一连续笔画构成 —— 一条主干、一条分支,象征道路的分岔与选择。笔画粗细统一,转角处理为圆角,呼应品牌「克制而不失温度」的调性。
安全间距为标志高度的 1× ,任何应用场景中不得小于此间距,亦不得旋转、倾斜或拉伸标志比例。
色彩不是装饰,是节奏。
我们用 60 / 30 / 10 的比例,让每一处紫色与光谱色都发生在该发生的地方。
60% 主导色用于所有背景与正文层,确保品牌在任何介质上都保持深邃、克制的基调,不与内容争夺注意力。
30% 探步紫只出现在品牌识别位置 —— 标志底色、按钮、章节标记 —— 用于建立「这是探步山海」的瞬间识别。
10% 光谱强调色是全年最稀缺的视觉资源,只用于标题高光、关键数据与核心传播物料,越少使用越珍贵。
这是探步山海视觉体系中最新、也最核心的资产:Cyan → Magenta → Purple 的品牌光谱渐变,专用于文字高光。它只出现在情绪最浓的一句话上 —— 品牌口号、章节主标题、关键传播语句 —— 像雾开的一瞬,短暂却难忘。
2–6 个字的核心词最佳,渐变角度保持水平(90°±5°),确保三色都能完整显现。
句子级应用时,字号不小于 28px,保证渐变有足够的横向跨度过渡三色。
光谱渐变字会显著降低长文本的可读性,正文永远使用纯色文字,渐变只留给「金句」。
GRADIENT ANGLE 90° · APPLIES TO DISPLAY TEXT ONLY · NEVER ON BODY COPY
两套字体,一套秩序。
英文采用极粗几何无衬线,承担标题与符号化表达;中文采用现代黑体,保证长文本的清晰易读。字重与字号的对比,替代了多余的装饰。
高对比、低饱和、有雾感的光。
探步山海的影像永远在「暮色」而非「正午」发生 —— 剪影化的人物、单一色相的光晕、以及被刻意压暗的环境细节,共同构成一种克制而有戏剧感的摄影语言。
暮色为主
优先使用日落前后、地铁灯带、室内低照度环境;避免正午顶光与过曝高光。
剪影优先
人物面部信息刻意隐藏或简化,用轮廓与姿态传达情绪,而非表情特写。
单色光晕
每张影像仅允许一处光谱色或探步紫光晕作为视觉焦点,其余区域保持低饱和灰阶。
对称与留白
优先中心对称或强几何构图,画面中至少保留 40% 的负空间用于呼吸。
精密的线条,讲述户外的语言。
全部图标基于统一的构造网格与线宽绘制,笔画粗细、端点样式与转角半径与主标志保持完全一致 —— 图标是标志语言在功能场景中的延伸,而非另一套视觉系统。
构造规则
网格 — 24×24 基础网格,关键节点对齐 2px 子网格。
笔画 — 统一 1.5px 描边(大尺寸场景可等比放大至 3–4px),端点为圆角(round cap)。
风格 — 纯线性、无填充、无阴影;仅在「已选中 / 激活」状态下允许使用探步紫作为描边色。
尺寸 — 标准输出 16 / 24 / 32px,最小可用尺寸不低于 16px。
标志的重复,是山脊的延伸。
从纸面到屏幕,同一套秩序。
数字端界面延续深色基底、探步紫强调与光谱高光的三层结构 —— 深色背景负责氛围,紫色负责识别,光谱色只出现在最关键的一次点击或一句标题上。这是探步山海第一次将网站与 App 的界面逻辑,写成可被复用的规范。
导航结构
顶部导航保持极简,仅保留品牌标识、主分类与一个强调按钮,背景始终为深色透明层。
首屏氛围
首屏使用暮色摄影或渐变紫作为背景,标题文字允许使用光谱高光,但正文与导航保持纯色。
信息卡片
数据类信息统一使用石墨灰卡片承载,数值用等宽字体呈现,强化「精密」的产品调性。
交互反馈
按钮与选中状态统一使用探步紫,禁止使用光谱渐变作为可点击元素的默认状态色。
从包装到空间,视觉语言持续生长。
这是探步山海第一套完整、可被信任、可被延展的品牌视觉体系。
愿景已写下,色彩已定比例,光谱已找到边界 —— 剩下的,交给每一次真正的出发。