VIS

VIS / BRAND SYSTEM

品牌视觉识别系统

GoldenEggs 的视觉识别系统,建立在秩序、节奏与内容表达之上。它不是一套固定外观,而是一种能够适应不同媒介、不同内容形态的品牌表达方式。

Explore

BRAND PHILOSOPHY

品牌理念

GoldenEggs 的品牌视觉,不以装饰为目标,也不以统一外观为目的。我们更在意的是:在不断变化的内容形态与传播场景中,如何建立一种清晰、稳定、可持续的识别方式。

对我们来说,视觉不只是「看起来像什么」,更重要的是「它如何组织信息、传递节奏、承载内容,以及被长期记住」。

「金蛋」所代表的,不只是一个名称,也是一种关于创意生成、内容孵化与作品成形的隐喻。

IDENTITY PRINCIPLES

识别原则

01

秩序优先

Structure First

品牌识别首先来自结构,而不是装饰。信息层级、对齐关系与版式秩序始终优先于视觉噱头。

02

内容为主

Content leads

视觉系统服务于内容表达,而不是压过内容本身。作品、图像、文字与体验始终是品牌表达的核心。

03

克制而不单调

Restrained, not dull

视觉语言强调节制,但不追求冷淡或无差别。克制意味着更精准地使用空间、比例、节奏与重点。

04

可扩展

Scalable

品牌需要面对视频、互动产品、互动、社媒与线下物料等多元场景,系统必须具备扩展能力。

05

人文与理性并存

Warmth & precision

中文字体的人文温度、英文数字的工业精确、留白与细线带来的理性秩序,共同构成品牌的双重气质。

06

统一的是判断,不是外观

Judgment, not look

不同场景可以拥有不同强度、不同色彩、不同氛围,但它们都必须共享同一种视觉判断标准。

CORE SYMBOLS

核心符号系统

GoldenEggs Logo

GoldenEggs

金蛋互动

Logo 标识

  • 主标识 / 横版 / 竖版 / 图标版
  • 单色版 / 深底版 / 浅底版
  • 安全留白:不小于 Logo 高度的 1/4
  • 最小尺寸:数字媒介 24px,印刷 8mm

金蛋符号

  • 椭圆结构 — 抽象孵化体
  • 剖面轮廓 — 未完全展开的容器感
  • 孵化中的包裹体 — 可应用于加载、过渡、封面

章节编号系统

  • 巨型低透明数字
  • D-DIN 字体、超大字号、opacity 0.03–0.05
  • 用于页面、海报、视频章节、文档页码

标签系统

  • 小号英文标签,全大写 + 字距 0.2–0.35em
  • D-DIN 字体
  • 用于分类、章节、索引、辅助信息

结构线系统

  • 1px 分割线 (#e8e8e6)
  • 边界线 / 裁切框 / 图像包裹线
  • 注释连接线 / 引用竖线 (3px)

TYPOGRAPHY

字体系统

GoldenEggs 的字体系统建立在两种气质的张力之上。中文采用 Noto Serif SC,承担品牌中「温度」「文化感」「内容感」的部分; 英文与数字采用 D-DIN,承担品牌中「秩序」「精确」「工业感」的部分。两者的对比不是冲突,而是品牌张力的来源。

标题 / Heading

品牌视觉识别系统

VISUAL IDENTITY SYSTEM

正文 / Body

视觉系统服务于内容表达,而不是压过内容本身。作品、图像、文字与体验始终是品牌表达的核心。

The visual system serves content, not overpowers it.

标签 / Label

品牌识别 · 秩序优先 · 内容为主

IDENTITY · STRUCTURE · CONTENT

数据 / Data

510万+ 播放量 / 21.7% 互动率

5.1M+ VIEWS / 21.7% ENGAGEMENT

COLOR SYSTEM

色彩系统

基础中性色系统

用于官网、文档、规范页以及大多数基础识别场景。它提供稳定、克制、长期可用的底色环境。这不是品牌全部的颜色,而是品牌最基础的秩序层。

背景色

#fafaf9

页面主底色

主文字

#333333

标题、正文

次级文字

#777777

说明文字

弱化文字

#999999

辅助说明、标签

卡片底色

#f5f5f3

模块底色

分割线

#e8e8e6

章节分隔

深色区块

#1c1c1a

情绪转场、互动产品区

暖灰底

#f5f4f1

引用、特殊背景

场景扩展色系统

用于不同内容类型的表达扩展。它不是固定品牌色,而是基于场景调用的辅助色层。中性色提供统一底座,场景色提供表达弹性——品牌识别不依赖单一颜色,而依赖调度颜色的方式。

视频内容

Video

允许更具节奏感和信息聚焦感的色彩,避免廉价综艺感和高饱和干扰。

互动产品

Interactive

允许根据世界观建立完整色彩氛围,但界面框架与品牌结构逻辑保持统一。

互动内容

Interactive

可适度提升色彩对比引导交互层级,避免活动页式炫彩堆叠。

社媒传播

Social

允许更高识别度与缩略图适配,版式秩序、字体和留白系统不变。

活动海报

Poster

可根据主题延展,但必须基于品牌底层结构和识别元件生成。

周边物料

Merch

强调材质与比例,延展以符号、排版、局部图形为主。

GRAPHIC & MOTION LANGUAGE

图形与动态语言

图形语言

超大编号 / 低透明度 / D-DIN
结构框线 / 1px 细线边框
引用竖线 / 3px 左侧竖线
注释连接线 / 裁切边界
水印文字 / 巨型低透明单词
模块边框 / 图像包裹线

动态语言

品牌的动态感应遵循克制、有深度、有节奏、不喧宾夺主的原则。动态不是额外装饰,而是品牌识别的一部分——它让视觉系统在数字媒介中保持同样的秩序感和呼吸感。

统一缓动曲线

cubic-bezier(0.25, 0.46, 0.45, 0.94)

Scroll Reveal

opacity 0→1, 上浮 24–40px, once: true

Hover 反馈

箭头微移 / 边框线生长 / 透明度提升

视差深度

图像与文字层轻微位移,不做剧烈差速

CONTEXTUAL RULES

场景化视觉规则

同一套 VIS 如何适用于不同内容形态。每个场景有各自的表达强度,但共享同一套结构逻辑和视觉判断。

官网 / 数字界面

Web & Digital

中性色为基础,留白、排版、细线和动态节奏建立高级感。内容图像作为主要情绪来源,适合长阅读与结构化浏览。

视频包装

Video

保持字体与编号系统一致,允许更强节奏与镜头驱动。可使用时间码、字幕条、章节牌等结构化元素。

互动产品视觉

Interactive Visuals

允许围绕世界观建立专属氛围,但标题、信息结构、版式逻辑与品牌系统保持关联。识别更多来自结构而非强行统一配色。

海报

Poster

强调标题与留白关系,大编号与结构线成为主要识别元素。允许主题图像承担情绪表达,不使用促销型排版。

社媒封面

Social Media

在缩略图环境中保持强识别,可适度提升对比。标题结构、标签系统、裁切逻辑统一,避免贴纸感和噪声化设计。

周边物料

Merchandise

强调材质、触感与比例。视觉延展以符号、排版、局部图形为主,保留品牌的安静感和设计密度。

PPT / 文档模板

Docs & Decks

清晰、克制、结构化。基础中性色优先,用标题层级、页码、章节编号与线条系统建立识别,避免通用企业模板感。

DO & DON’T

使用边界

DO
DON’T
+在不同场景中保持结构逻辑一致
在所有场景生硬套用同一配色
+让内容与场景决定色彩强度
滥用高饱和色覆盖基础识别秩序
+保持 Logo 比例、字重与安全区域
拉伸、旋转、描边或添加阴影给 Logo
+使用统一的字体系统与版式逻辑
混用装饰性字体破坏识别
+以留白、比例和细线建立秩序
用复杂效果代替结构判断
+让结构、字体和符号承担识别
让视觉风格脱离内容语境

统一不是复制,变化也不等于失控。

RESOURCES

资源说明

Logo 文件(横版 / 竖版 / 图标版)
字体使用说明(Noto Serif SC + D-DIN)
基础色值表
PPT 模板
社媒封面模板
海报版式模板

当前页面优先用于规范说明与理念统一。随着品牌资产逐步完善,资源与模板也将持续补充更新。