01 / HOLYUNI × GEEKDANCE 品牌策略 · 视觉识别 · 数字体验
A CAMPUS THAT FEELS LIKE YOURS Your campus life.All in HolyUni. 让校园生活,真正连接。
从一笔同校交易,到一群合拍的朋友。 让陌生校园里的每一次靠近,都有回应。
展开品牌全案 ↘ 01 — 13 THE HOLYUNI BRAND BOOK 2026 / V1.2
MEET YOUR CAMPUS COMPANION. hi!
A little halo. A little closer. HOLO 校园里的温暖回应
品牌角色 你的校园生活连接者
视觉记忆 活力绿 × 金色光环
情感感受 亲近 · 鲜活 · 有回应
体验底色 同校身份,让连接有依据
方案基础 基于现有 HolyUni Web UI、首轮 MVP 范围与你提供的 Logo / IP 原稿。品牌主张与应用规范为本次设计提案;产品示例围绕 USYD Camperdown 校园场景展开。
02 / BRAND STRATEGY
离得很近。也应该,连接得很近。 需要一本二手教材、一个复习搭子,或一句来自学长的回答。HolyUni 把散落在不同地方的校园需求,带回同一个校园语境。
品牌定位
以校园为可信边界的学生生活网络。
01 / ARRIVE 刚到这里的你 国际新生,需要低门槛的生活信息、入学用品和第一份校园熟悉感。
“先让这里,没那么陌生。” 02 / BELONG 正在这里的你 在校学生,需要同课伙伴、兴趣组团,以及随时用得上的校园互助。
“找到和我一起的人。” 03 / PASS IT ON 即将出发的你 毕业或搬家学生,希望把闲置交给同校的人,让物品和经验继续被需要。
“把好用的,留给下一位。”
用真实的小事,建立可持续的信任。 品牌价值如何被感知
功能价值 少一点寻找,多一点遇见。 同校供需、校园内容与参与入口,在一个清晰的界面里被看见。
信任价值 关系有线索,行动有下一步。 校园身份、商品状态、交接地点与双方评价,让决定更有依据。
情感价值 从“我在这所学校”,到“我属于这里”。 把一次交换、一场活动、一句回应,积累成校园归属感。
首轮品牌落点 从一笔可信的同校交易开始。 先把发现闲置、联系同学、校内交接与双方评价做清楚。校园圈、组团与助手围绕这条主线提供支持。
USYD CAMPERDOWN
03 / BRAND IDEA & VOICE
每一次回应, 都是一个小小的光环。 把已有 Logo 中的光环,延展为“被看见、被接住、被连接”的品牌符号。它属于每一个愿意分享、参与和伸出援手的同学。
HOLYUNI / BRAND MANIFESTO
A little help. A whole lot ofbelonging. 一件闲置,找到新的主人。 一个问题,等到认真的回答。 一个人出发,遇见一群同行的人。
让校园生活,真正连接。
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.
04 / LOGO SYSTEM
一眼 HolyUni。 一个光环,连起整个校园。 沿用你提供的标识:厚实的字形带来稳定感,绿色 Uni 指向校园生命力,倾斜的金色光环构成独特记忆点。
COMPACT MARK / 简化标 有限空间中的辅助识别,用于头像与品牌角标。
MONOCHROME / 单色标 单色印刷与低色彩环境,保持图形与字标的完整关系。
CLEAR SPACE / 建议安全区 以 H 字高的 1/4 为 x,四周至少保留 1x。光环上方同样保留安全区。
一致的使用,比反复变化更有力量。
数字端最小尺寸建议 主标识宽 ≥ 120 px;简化标宽 ≥ 40 px。
优先背景 白色与浅色净底;复杂画面中使用独立白色承载区。
保持原貌 按比例缩放,不拉伸、拆分、旋转,也不替换字标字体。
素材基准 当前以所供 PNG 为准。小尺寸、刺绣与印刷须用矢量定稿校准。
下载所供 Logo 原稿 ↓
05 / COLOR PALETTE
用绿色靠近。 让金色,点亮回应。 沿用产品的活力绿、森林绿和中性色。提取 IP 光环中的金色作为品牌强调色,让界面与形象表达彼此呼应。
01 / PRIMARY Campus Green校园活力绿 #00D084复制色值 ↗
02 / DEPTH Trust Forest信任森林绿 #07583E复制色值 ↗
03 / HIGHLIGHT Halo Gold光环金 #FFC83D复制色值 ↗
Ink / 品牌墨黑 #0B0D0C ↗Mint Air / 浅薄荷 #D9FFF0 ↗Campus Canvas / 画布灰 #F3F5F4 ↗White / 纯白 #FFFFFF ↗
让留白呼吸,让品牌色被记住。 60% 30% 10%
常规内容以白色和画布灰为底;绿色引导主动作;金色留给光环、欢迎与值得庆祝的时刻。主视觉可扩大绿色面积。
漂亮,也要看得清。 Aa 墨黑 / 活力绿 Aa 白色 / 森林绿 Aa 墨黑 / 光环金
活力绿底优先搭配墨黑正文;深色按钮使用白字。错误、待处理和成功状态同时配文字与图标,不只依赖颜色。
色彩说明:以上为数字端 sRGB 建议值;Logo 与 3D IP 中的渐变、材质光泽保留原稿。印刷色值需按纸张与工艺另行打样。
06 / TYPOGRAPHY
大方表达,轻松阅读。 英文字体保留圆润、利落的力量感;中文选择清晰的现代黑体。大标题建立情绪,稳定的正文层级让信息自然被读懂。
中文 / 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 / 400Meta / 辅助说明 USYD · Camperdown · 已校园认证 12–14 / 500
中文正文建议行高 1.7–1.9,英文正文 1.5–1.7。网页使用设备现有字体;Logo 字标始终使用原图,不以页面字体重新拼写。
07 / GRAPHIC LANGUAGE
从一个光环, 生长出一套连接语言。 把标识的倾斜圆环抽象为“聚焦、连接、包容”三种动作。辅助图形服务于内容,让不同媒介共享同一种品牌节奏。
01 / FOCUS 看见你 单环聚焦重要的人或信息,用于欢迎页与主题标题。
02 / CONNECT 连接彼此 双环交叠表达交流与同行,用于组团和社区传播。
03 / BELONG 融入校园 有节奏的重复形成整体感,用于封套与大面积背景。
同一套视觉语法。 角度 整体倾斜约 −15°,保持向前、轻盈的方向感。
轮廓 使用完整椭圆或局部放大,避免过多细碎装饰。
组合 单张常规版面突出一种图形动作,给文字留出空间。
场景 品牌传播适度放大;交易与安全信息中保持安静。
GRID / SPACING / RADIUS 内容先行 Clear space. Clear connection.
4 px 间距基线 / 16–24 px 卡片圆角 / 44 px 以上点击区域
08 / MEET HOLO
你好,我是 HOLO。你的校园小伙伴。 圆润的绿色身体,轻轻悬浮的金色光环,带一点害羞的笑。HOLO 让 HolyUni 的温度有了可以被记住的样子。
CHARACTER TURNAROUND / IP 三视图 原稿展示
01 FRONT / 正面02 SIDE / 侧面03 BACK / 背面
HOLO IN ACTION / 动作与情绪 挥手欢迎 一起出发 开心庆祝
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 的绿色和柔软感相呼应。图标负责快速识别,文字负责准确说明。
10 CAMPUS 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 / SYDNEY USYD · Camperdown⌄
J ⌕ 搜索你的校园生活
YOUR CAMPUS LIFE.
下课以后, 校园才刚刚开始。 All in HolyUni. 校园圈 闲置 组团 Hola
同校闲置 商科教材三本打包 陪我度过一学期,也想继续帮到你。
一起出发 Fisher Library 复习搭子 今晚 18:00,一起完成今天的计划。
⌂首页 ♧组团 + ▤消息 ○我的
界面的每一种状态,都说得清楚。 COMPONENT LANGUAGE
ACTION / 动作层级 联系同学 ↗ 查看详情 暂时跳过
主动作使用活力绿与墨黑文字;次级动作减弱色块重量;低优先级动作保持安静。
TRUST / 信任线索 J Jessica USYD · Camperdown
✓ 校园认证 在联系前呈现校园与认证线索。认证说明身份背景,不替商品质量或交易结果背书。
STATUS / 交易状态 已发布 已预留 已完成 ✓
状态用标签、文字和颜色共同表达;消息中同步进展,交接后由双方确认完成。
HELP / 校园助手 Hola 图书馆今晚开放到几点? 先确认你所在的校区,再查看图书馆官方开放时间。
助手回答保留来源与边界,用温和而清晰的表达帮助用户核对信息。
THE TRUST JOURNEY / 品牌体验落点 01 发现闲置 图片、价格、地点 02 认识同学 认证、主页、评价 03 约定交接 预留、时间、地点 04 确认完成 双方确认与评价
11 / BRAND IN THE WILD
从屏幕,走进校园。每一个触点,都能认出你。 统一的颜色、图形和语气,让迎新海报、校园内容与社群传播保持连续。以下为视觉应用提案。
HOLYUNI / WELCOME TO CAMPUS New campus. New people.Your place.
新的校园,新的朋友。 从这里,开始你的校园生活。
WELCOME WEEK YOUR CAMPUS LIFE. ALL IN HOLYUNI. HOLYUNI / PASS IT ON 旧物, 有新的校园故事。 PASS IT ON.
把你用过的好东西, 交给刚好需要它的同学。
同校闲置 · 校内交接 ALL IN HOLYUNI.
01 / 迎新主视觉 · 校园海报 02 / 闲置主题 · 内容封面
SOCIAL / 社群欢迎卡 GOOD TOGETHER. 找到同频, 一起热闹起来。 从一句 Hi,到一群合拍的人。
CAMPUS / 校园伙伴卡 HOLYUNI CAMPUS CREW Let’s go.Together. 用于校园伙伴身份介绍与活动协作,角色清晰、信息简洁。
不同画面,同一种 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 图标原稿、数字端设计变量、品牌规范说明,整理成一份可下载的基础资产包。
下载品牌基础资产包 ↓ 01 Logo System PNG / 所供原稿
02 HOLO Character Set PNG / 三视图 + 3 张动作图
03 UI Icon Set PNG / 10 枚校园分类图标
04 Design Tokens CSS + JSON
05 Brand Guidelines Markdown / 规范说明
设计依据与交付说明 + 产品依据: 现有 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 回答中的品牌提及、推荐与信息准确性。
把技术做进产品,把流程连接起来。 代表案例
公司介绍与案例沿用现有方案资料;案例配图来自极客跳动官网。
我们怎样一起做事 01 先把需求说清 确认业务目标、范围与优先级。
02 再把工作排明 明确交付、分工和关键节点。
03 过程中看得见 同步进展、演示成果、处理反馈。
04 结束后接得住 按约定验收,完成资料与使用交接。