小马上岸 · 品牌标识规范

六端 Logo 唯一事实源 · 图形标 / 容器令牌 / 尺寸阶梯 / 锁定组合 / 使用禁忌

BRAND IDENTITY
v1.0 · 单一图形,全局一致

01图形标

母题唯一:右向「马首」侧影,双峰上扬鬃毛暗合「上岸」。单条闭合路径的实心剪影,无细碎装饰,16px 下仍可辨识。

主用=渐变底+白色图形。深色底 / 单色底 / 浅色底仅用于受限场景(见 05)。

路径源码 · 24×24 视图框 · currentColor 驱动

<!-- fill + 同色 stroke 使折角自带圆化 -->
<svg viewBox="0 0 24 24" fill="currentColor"
     stroke="currentColor" stroke-width="1.1"
     stroke-linejoin="round">
  <path d="M13.6 2.8L15.9 6.5L18.9 9.7L20 12.3
           Q20.5 13.9 18.9 14.6L16.1 15L14 14.1
           L12.7 16.9L12.3 20.7L7.8 20.7L7.6 16.7
           L7 12.9L4.4 11.1L6.4 9L4.1 6.9L7.8 5
           L11.6 4.5L11.9 5.5Z"/>
</svg>

02尺寸阶梯

绝对尺寸只有 4 档,禁止再出现 30/32/34/36 这类「各端各写一个数」。同一场景在所有端必须取同一档。

sm · 26
md · 32
lg · 40
xl · 56
档位令牌图形边长圆角六端统一适用场景
sm--brand-mark-sm15px8px移动端导航栏、密集表头、面包屑
md--brand-mark-md18px10px桌面 / 门户 / 后台标题栏
lg--brand-mark-lg23px12px官网导航、登录页品牌区、聚合预览页头
xl--brand-mark-xl32px17px启动页、关于弹窗(全项目仅此一处)

03锁定组合

横向锁定=图形标+字标+(可选)副标。字标恒为「小马上岸」;副标只放端/角色标识,不放 slogan。

小马上岸
学生端
小马上岸
XIAOMA · 申论上岸
小马上岸
XIAOMA SHANGAN

04明暗模式

小马上岸
运营总后台

05使用禁忌

任一条被违反即视为 Logo 使用错误,六端评审按此拦截。

禁止改圆角
圆角恒为 0.30 × 边长

禁止换主色
不随各端 primary 漂移

禁止镜像翻转
马首恒为右向

禁止旋转拉伸
保持等比、水平锁定

禁止降低不透明度
禁用态改用 soft / mono

禁止混用描边色
描边与填充恒同色

禁止叠加纹理
底色恒为单一线性渐变

禁止加外描边环
仅允许向下投影