01 / HOLYUNI × GEEKDANCE品牌策略 · 视觉识别 · 数字体验
A CAMPUS THAT FEELS LIKE YOURS

Your
campus life.
All in HolyUni.

让校园生活,真正连接。

从一笔同校交易,到一群合拍的朋友。
让陌生校园里的每一次靠近,都有回应。

展开品牌全案
01 — 13THE HOLYUNI BRAND BOOK2026 / V1.2
MEET YOUR
CAMPUS COMPANION.
hi!
HOLO 挥手欢迎:戴着金色光环的绿色校园小伙伴
A little halo.
A little closer.
HOLO
校园里的温暖回应
品牌角色你的校园生活连接者
视觉记忆活力绿 × 金色光环
情感感受亲近 · 鲜活 · 有回应
体验底色同校身份,让连接有依据
方案基础

基于现有 HolyUni Web UI、首轮 MVP 范围与你提供的 Logo / IP 原稿。品牌主张与应用规范为本次设计提案;产品示例围绕 USYD Camperdown 校园场景展开。

02 / BRAND STRATEGY

离得很近。
也应该,连接得很近。

需要一本二手教材、一个复习搭子,或一句来自学长的回答。HolyUni 把散落在不同地方的校园需求,带回同一个校园语境。

品牌定位

以校园为可信边界的
学生生活网络。

让同校的人,更容易发现彼此、交换所需、一起生活。

CAMPUS · TRUST · CONNECTION
01 / ARRIVE

刚到这里的你

国际新生,需要低门槛的生活信息、入学用品和第一份校园熟悉感。

“先让这里,没那么陌生。”
02 / BELONG

正在这里的你

在校学生,需要同课伙伴、兴趣组团,以及随时用得上的校园互助。

“找到和我一起的人。”
03 / PASS IT ON

即将出发的你

毕业或搬家学生,希望把闲置交给同校的人,让物品和经验继续被需要。

“把好用的,留给下一位。”

用真实的小事,建立可持续的信任。

品牌价值如何被感知
功能价值

少一点寻找,多一点遇见。

同校供需、校园内容与参与入口,在一个清晰的界面里被看见。

信任价值

关系有线索,行动有下一步。

校园身份、商品状态、交接地点与双方评价,让决定更有依据。

情感价值

从“我在这所学校”,到“我属于这里”。

把一次交换、一场活动、一句回应,积累成校园归属感。

首轮品牌落点

从一笔可信的同校交易开始。

先把发现闲置、联系同学、校内交接与双方评价做清楚。校园圈、组团与助手围绕这条主线提供支持。

USYD
CAMPERDOWN
03 / BRAND IDEA & VOICE

每一次回应,
都是一个小小的光环。

把已有 Logo 中的光环,延展为“被看见、被接住、被连接”的品牌符号。它属于每一个愿意分享、参与和伸出援手的同学。

HOLYUNI / BRAND MANIFESTO

A little help.
A whole lot of
belonging.

一件闲置,找到新的主人。
一个问题,等到认真的回答。
一个人出发,遇见一群同行的人。

让校园生活,真正连接。
主张延展 / PROPOSED BRAND EXPRESSION
01

亲近,有分寸。

像愿意帮忙的同学,说人话、给选择。不会替用户决定,也不把热情变成打扰。

02

鲜活,有秩序。

用明亮色彩和轻盈图形保留年轻感;用稳定排版把信息讲清楚。

03

可靠,有依据。

把身份、来源、状态和下一步放在合适的位置,不用绝对承诺代替信任。

HOW WE SPEAK

说得像同学,
做得让人放心。

中文自然简短;英文直接友好。先说明发生了什么,再给一个可执行的下一步。

欢迎新同学嗨,欢迎来到你的校园。Hi, welcome to your campus.
交易状态已为你预留。和同学约个见面地点吧。Reserved for you. Pick a place to meet on campus.
助手无法确认时这个开放时间还需要确认,我带你查看学校页面。Let's check the university page for the latest hours.
05 / COLOR PALETTE

用绿色靠近。
让金色,点亮回应。

沿用产品的活力绿、森林绿和中性色。提取 IP 光环中的金色作为品牌强调色,让界面与形象表达彼此呼应。

让留白呼吸,让品牌色被记住。

60%30%10%

常规内容以白色和画布灰为底;绿色引导主动作;金色留给光环、欢迎与值得庆祝的时刻。主视觉可扩大绿色面积。

漂亮,也要看得清。

Aa 墨黑 / 活力绿Aa 白色 / 森林绿Aa 墨黑 / 光环金

活力绿底优先搭配墨黑正文;深色按钮使用白字。错误、待处理和成功状态同时配文字与图标,不只依赖颜色。

色彩说明:以上为数字端 sRGB 建议值;Logo 与 3D IP 中的渐变、材质光泽保留原稿。印刷色值需按纸张与工艺另行打样。
06 / TYPOGRAPHY

大方表达,轻松阅读。

英文字体保留圆润、利落的力量感;中文选择清晰的现代黑体。大标题建立情绪,稳定的正文层级让信息自然被读懂。

HOLYUNI TYPE LAB
在这里,
找到你的同频。
中文 / CHINESE

校园里的每一天

苹方 PingFang SC

Apple 设备优先使用苹方;其他设备依次回退至 HarmonyOS Sans SC、Microsoft YaHei、系统无衬线字体。

英文 / LATIN

Aa Bb Cc 0123

System Sans

沿用设备原生无衬线字族。品牌标题使用粗体与紧凑字距,正文、价格和状态信息以识别效率为先。

Display / 品牌标题All in HolyUni.48–88 / 800
Heading / 章节标题让校园生活,真正连接。32–48 / 750
Subheading / 卡片标题和同校的人,交换所需。20–24 / 700
Body / 正文内容

把信息讲清楚,让每一步都更容易。

16–18 / 400
Meta / 辅助说明USYD · Camperdown · 已校园认证12–14 / 500

中文正文建议行高 1.7–1.9,英文正文 1.5–1.7。网页使用设备现有字体;Logo 字标始终使用原图,不以页面字体重新拼写。

07 / GRAPHIC LANGUAGE

从一个光环,
生长出一套连接语言。

把标识的倾斜圆环抽象为“聚焦、连接、包容”三种动作。辅助图形服务于内容,让不同媒介共享同一种品牌节奏。

01 / FOCUS
you.

看见你

单环聚焦重要的人或信息,用于欢迎页与主题标题。

02 / CONNECT

连接彼此

双环交叠表达交流与同行,用于组团和社区传播。

03 / BELONG
together.

融入校园

有节奏的重复形成整体感,用于封套与大面积背景。

同一套视觉语法。

角度整体倾斜约 −15°,保持向前、轻盈的方向感。

轮廓使用完整椭圆或局部放大,避免过多细碎装饰。

组合单张常规版面突出一种图形动作,给文字留出空间。

场景品牌传播适度放大;交易与安全信息中保持安静。

GRID / SPACING / RADIUS
内容先行Clear space.
Clear connection.

4 px 间距基线 / 16–24 px 卡片圆角 / 44 px 以上点击区域

08 / MEET HOLO

你好,我是 HOLO。
你的校园小伙伴。

圆润的绿色身体,轻轻悬浮的金色光环,带一点害羞的笑。HOLO 让 HolyUni 的温度有了可以被记住的样子。

HOLO IN ACTION / 动作与情绪
HOLO 向前飞行,张开双手邀请你一起出发
HOLO / 一起出发,探索校园
CHARACTER DNA

软萌的外表。
有分寸的陪伴。

金色光环
品牌核心识别点;传递欢迎、回应与轻微的惊喜感。
薄荷绿身体
柔软、通透、圆润;保持与品牌绿色的直接关联。
大眼睛与微笑
专注倾听、主动回应,不夸张、不居高临下。
悬浮与圆弧底边
延展轻盈感;保留比例与轮廓,不改成尖锐造型。
WELCOME

第一次来到校园

挥手姿态用于欢迎、引导与空状态。给一句简短的问候,以及一个明确的下一步。

“嗨,今天想先认识校园的哪一面?”
CELEBRATE

完成了一件小事

旋转姿态用于交易完成、加入组团等正向反馈。轻轻庆祝,及时退场。

“顺利交接!谢谢你让好物继续被需要。”
LET’S GO

和同学一起出发

飞行姿态用于组团、活动邀请与校园探索,把“去看看”变成轻松的一步。

“准备好了吗?一起去发现校园的新鲜事。”
品牌角色命名

HolyUni 是平台品牌;本方案将所供 IP 称为 HOLO。现有 UI 的校园 AI 助手名称为 Hola。IP 与助手可以共享陪伴感,产品中仍保留各自清楚的名称与职责。

下载所供 IP 三视图
09 / UI ICON SYSTEM

把校园日常,
变成一眼就懂的入口。

用同一套青绿色、圆润轮廓与轻盈的立体层次,把学习、玩乐和出行组织成清楚的分类。让图标成为校园生活的路标。

ONE CAMPUS. MANY WAYS TO CONNECT.

同一种品牌语言,
十个校园生活入口。

沿用所供图标原稿,与 HOLO 的绿色和柔软感相呼应。图标负责快速识别,文字负责准确说明。

10CAMPUS CATEGORIES
校园组团分类图标
01
全部All
02
学习Study
03
电影Movies
04
聚餐Dining
05
拼车Carpool
06
拼团Group Buy
07
游戏Games
08
运动Sports
09
旅行Travel
10
其他Other
圆润轮廓 / 青绿渐变 / 轻立体感完整分类图标库 · 所供原稿
01 / RECOGNITION

熟悉的生活符号

书本对应学习,场记板对应电影,餐碗对应聚餐。用容易联想到的物件,让同学快速找到想参与的事。

02 / CONSISTENCY

相近的视觉重量

保持统一的展示容器,按图形的轮廓与重心调整留白。宽图标和高图标,也能排在同一条节奏里。

03 / CLARITY

图标与文字一起说

每个入口都保留中文标签。“全部”用于汇总分类;“其他”用于容纳未归类的主题。

SIZE & STATE

在不同位置,都看得清、用得顺。

DISPLAY SCALE / 图标容器尺寸
48 px紧凑分类入口
64 px常规分类入口
96 px专题与品牌展示

保留四周留白,点击区域至少 44 × 44 px。移动端分类入口优先采用 48–64 px 容器,并保留文字标签。

UI STATES / 状态规范示意
默认
悬停
已选中
暂未开放

选中时增加底色、描边与明确标记;不可用时弱化图形、说明原因,并关闭点击。原图渐变保持一致。

WHERE IT BELONGS

分类入口有个性,
操作控件够清楚。

分类与内容入口使用这套插画图标,适用于组团分类、活动专题、内容封面与空状态。

底栏与小型按钮返回、搜索、关闭等 20–24 px 功能图标使用简洁轮廓,保持操作层级清楚。

背景与组合优先在白色或浅灰背景上使用,搭配稳定的标签位置;不拉伸、不额外叠加厚重阴影。

10 / DIGITAL EXPERIENCE

把品牌感,
做到每一次点击里。

以现有首页、闲置、组团、消息与校园助手为场景,把绿色的亲近感和清晰的信任信息,变成可以使用的界面语言。

REAL CAMPUS. REAL CONNECTIONS.

看见同校,
看清下一步。

校园位置先出现,内容有主次。重要状态不藏起来,让人自然知道“这是谁”“进展到哪”“接下来做什么”。

校园认证清晰状态就近连接
产品原型即将上线以下为品牌应用示意,非真实交易界面。
9:41
AUSTRALIA / SYDNEYUSYD · Camperdown⌄
J
YOUR CAMPUS LIFE.

下课以后,
校园才刚刚开始。

All in HolyUni.
校园圈闲置组团Hola
同校闲置

商科教材三本打包

陪我度过一学期,也想继续帮到你。

一起出发

Fisher Library 复习搭子

今晚 18:00,一起完成今天的计划。

首页组团消息我的

界面的每一种状态,都说得清楚。

COMPONENT LANGUAGE
ACTION / 动作层级
联系同学 ↗查看详情暂时跳过

主动作使用活力绿与墨黑文字;次级动作减弱色块重量;低优先级动作保持安静。

TRUST / 信任线索
J
JessicaUSYD · Camperdown
✓ 校园认证

在联系前呈现校园与认证线索。认证说明身份背景,不替商品质量或交易结果背书。

STATUS / 交易状态
已发布已预留已完成 ✓

状态用标签、文字和颜色共同表达;消息中同步进展,交接后由双方确认完成。

HELP / 校园助手
Hola图书馆今晚开放到几点?

先确认你所在的校区,再查看图书馆官方开放时间。

助手回答保留来源与边界,用温和而清晰的表达帮助用户核对信息。

THE TRUST JOURNEY / 品牌体验落点
  1. 01发现闲置图片、价格、地点
  2. 02认识同学认证、主页、评价
  3. 03约定交接预留、时间、地点
  4. 04确认完成双方确认与评价
11 / BRAND IN THE WILD

从屏幕,走进校园。
每一个触点,都能认出你。

统一的颜色、图形和语气,让迎新海报、校园内容与社群传播保持连续。以下为视觉应用提案。

HOLYUNI / WELCOME TO CAMPUS

New campus.
New people.
Your place.

HolyUni

新的校园,新的朋友。
从这里,开始你的校园生活。

WELCOME WEEK YOUR CAMPUS LIFE. ALL IN HOLYUNI.
HOLYUNI / PASS IT ON

旧物,
有新的校园故事。

PASS
IT ON.

把你用过的好东西,
交给刚好需要它的同学。

同校闲置 · 校内交接 ALL IN HOLYUNI.
01 / 迎新主视觉 · 校园海报02 / 闲置主题 · 内容封面

不同画面,同一种 HolyUni。

品牌识别先到位保证标识安全区和绿色记忆点。

每张画面一个重点用一句主标题引导,用少量信息说明。

内容带着校园温度表达真实小事,让同学看到与自己的关系。

12 / GUIDELINES & ASSETS

把一致性,
变成可以沿用的标准。

从基础色值到品牌语气,形成一套可被设计、产品与运营共同使用的规则。让每一次新增内容,都延续同一个品牌。

01 / LAYOUT

清晰的布局

按 4 px 基线组织间距。正文区保持稳定对齐,一屏一个主动作;小屏重新分组,不压缩文字。

02 / ACCESSIBILITY

可读、可操作

正文优先 16 px 以上,点击目标至少 44 px。保留键盘焦点、文字标签和足够的前景对比。

03 / MOTION

轻一点的动效

控件反馈建议 160–220 ms,内容切换 240–320 ms。IP 用于轻微欢迎与庆祝;尊重减少动态效果偏好。

04 / PHOTOGRAPHY

真实校园的视角

人物自然互动,场景保留学习与生活细节。商品图展示实际成色,不用品牌装饰遮挡重要信息。

05 / LANGUAGE

简短、友好、明确

先给信息,再给下一步。交易与异常状态避免玩笑;助手不确定时说明边界并提供核对来源。

06 / CONSISTENCY

保持核心识别

标识使用原稿;HOLO 保留光环、颜色与轮廓。每种新物料按同一套规则延展。

TAKE HOLYUNI WITH YOU

从这里,开始使用。

所供 Logo、IP 与 UI 图标原稿、数字端设计变量、品牌规范说明,整理成一份可下载的基础资产包。

下载品牌基础资产包
01Logo SystemPNG / 所供原稿
02HOLO Character SetPNG / 三视图 + 3 张动作图
03UI Icon SetPNG / 10 枚校园分类图标
04Design TokensCSS + JSON
05Brand GuidelinesMarkdown / 规范说明
设计依据与交付说明

产品依据:现有 Style4 Web UI 与首轮 MVP 范围,重点包括 USYD Camperdown、同校闲置、校园圈、组团、消息与校园助手。

视觉依据:用户提供的 HolyUni Logo 系统图、IP 三视图与挥手、飞行、旋转动作图,以及 10 枚校园分类图标,沿用原稿,不重新绘制标识。

本次完成:品牌定位表达、数字端配色建议、排版层级、辅助图形、IP 使用规则、UI 图标规范、界面与传播应用示意,以及本网页与基础资产包。

定稿延展:当前提供的是展示原稿与使用规范。矢量 Logo、独立透明 IP 切图、3D 模型、字体商业授权和印刷文件需按实际生产需求另行制作或确认。

示例说明:商品、人员和活动内容用于设计说明,不表示当前真实供给、官方背书或业务运营结果。

HOLYUNI

Your campus life.
All in HolyUni.

让校园生活,真正连接。

回到品牌总览 ↑
13 / ABOUT GEEKDANCE

关于极客跳动。

软件定制开发 · AI应用 · GEO优化

我们从业务需求出发,把产品设计、软件研发、AI应用与持续优化连接起来,帮助企业把想法做成能上线、能使用、能继续迭代的产品与服务。

了解极客跳动官网 ↗
DESIGN · TECHNOLOGY · GROWTH

从想法,
到被使用。

把品牌表达,与真实产品体验连接起来。

01 / SOFTWARE

软件定制开发

把业务流程做成用得起来的产品。

提供网站、小程序、APP 及企业系统的定制服务,覆盖需求梳理、产品设计、研发、测试与上线交接。

02 / AI

AI 应用与集成

让 AI 进入具体的工作场景。

围绕知识检索、内容辅助和业务协作等需求,连接模型、数据与现有系统,让技术服务于实际工作。

03 / GEO

GEO 品牌优化

让品牌更容易被找到、理解与引用。

结合品牌资料、选购内容、信源建设与持续监测,检查 AI 回答中的品牌提及、推荐与信息准确性。

把技术做进产品,把流程连接起来。

代表案例

公司介绍与案例沿用现有方案资料;案例配图来自极客跳动官网。

我们怎样一起做事

  1. 01先把需求说清

    确认业务目标、范围与优先级。

  2. 02再把工作排明

    明确交付、分工和关键节点。

  3. 03过程中看得见

    同步进展、演示成果、处理反馈。

  4. 04结束后接得住

    按约定验收,完成资料与使用交接。

01 / 13