Gonka 社区门户,由社区成员创建和维护

01 / 第一版

从协议诞生开始

最初的视觉形象由圆形图形标志和字标组成。图形标志被置于方形头像中,并不存在独立的方形标志。线条、模块和大字排版构成了早期的视觉语言。

方形头像中的 Gonka 图形标志
01 — A方形头像中的标志
线条向外延伸的 Gonka 圆形图形标志
01 — B品牌图形标志 SVG ↓

配色

基础色为 #242424 和 #FAFAFA,同时使用单色灰阶。

  • 深色基础色 #242424
  • 浅色基础色 #FAFAFA

02 / WEBX

WebX:字标与新的视觉语言

GONKA 字标成为视觉重点,圆形图形标志仍用于传播。配色加入蓝色、绿色和粉色;彩色与单色构图具有同等地位。

GONKA 字标

字标 SVG ↓

水平线条、采用抖动(dithering)处理的照片,以及大字排版。

配色

基础色与新增强调色,同时配合单色灰阶使用。

  • 深色基础色 #242424
  • 浅色基础色 #FAFAFA
  • 蓝色 #6BA5FB
  • 浅绿色 #B3F6AF
  • 粉色 #FF92DE

Archivo Black 用于强调内容,Archivo SemiBold 用于全大写标题,同时也使用 Inter。抖动处理通过细小的点和图案表现照片的明暗层次。

采用鲜明图形的 Gonka WebX 展台
02 — AWebX 展台
采用新配色的 Gonka 贴纸
02 — B宣传物料:贴纸

03 / THESOUL · #61

TheSoul 设计系统

TheSoul 根据第 61 号提案制作的品牌手册,引入了新的几何标志和 Gonka 字标。拱形元素、模块化构图与对比色组合将不同媒介连接成统一系统。

TheSoul 品牌手册中的 Gonka 新几何标志
03 — A标志SVG ↓
Gonka 新标志与字标
03 — B标志与字标SVG ↓

配色

两种基础色、一组冷色和一组暖色强调色。色值来自品牌手册。

  • 柔和白 #DEDFF2
  • 深炭色 #1E1E24
  • 薰衣草紫 #BBBFFF
  • 深海军蓝 #2B2D42
  • 赭棕色 #731700
  • 橙色 #FF7029

01拱形元素既可以独立作为标志,也可以重复组成图案。

02主要字体为 PP Mori,辅助字体为 Monument Grotesk。

03浅色与深色构图适用于屏幕、印刷品和实体物料。

第 61 号提案 · TheSoul ↗