Brand Kit
01

Logo 品牌标志

SUMA College Main Logo
Click to Copy
主标志 — 完整版 院徽 + 文字 + 副标题，用于正式场合
SUMA College Wordmark
Click to Copy
文字标志 无院徽版本，用于空间有限的场合
SUMA Crest Color
Click to Copy
彩色院徽 独立院徽，适用于头像、图标、印章
SUMA Crest Mono
Click to Copy
单色院徽 用于单色印刷或传真等场合
SUMA Logo White
Click to Copy
反白版 — 深色底 适用于深色背景
SUMA Logo Dark BG
Click to Copy
反白版 — 灰底 含副标题的深色背景版本
SUMA Logo Chinese
Click to Copy
中文版 — 横式 含中文副标题「数码营销学院」
SUMA Logo Vertical Chinese
Click to Copy
中文版 — 竖式 竖向排列，含中文副标题
SUMA Logo Vertical
Click to Copy
英文版 — 竖式 竖向排列，适用于窄版空间
SUMA Square Blue
Click to Copy
方形 — 蓝底 社交媒体头像、Favicon
SUMA Square Black
Click to Copy
方形 — 黑底 深色主题社交媒体头像
SUMA Logo Small
Click to Copy
小尺寸完整版 适用于名片、页脚等小空间
02

Color Palette 品牌色彩

SUMA Blue Click to copy Copied!
HEX#0F75BC
RGB15, 117, 188
CMYK100, 70, 0, 0
用途主色 — Logo、标题、按钮
Sky Blue Click to copy Copied!
HEX#28C2E7
RGB40, 194, 231
CMYK85, 50, 0, 0
用途辅助蓝 — 背景、强调
SUMA Gold Click to copy Copied!
HEX#FCB040
RGB252, 176, 64
CMYK0, 35, 85, 0
用途强调色 — 装饰线、CTA
Canva Orange Click to copy Copied!
HEX#FF8C50
RGB255, 140, 80
用途Canva 设计辅助色
Charcoal Click to copy Copied!
HEX#3A3A3C
RGB58, 58, 60
CMYK68, 61, 59, 46
用途正文文字、深色背景
Deep Navy Click to copy Copied!
HEX#030915
RGB3, 9, 21
用途渐变深色端
White Click to copy Copied!
HEX#FFFFFF
RGB255, 255, 255
用途背景、反白文字

Gradient 渐变色

SUMA Gradient #1075BC → #030915 Copied!
CSSlinear-gradient(135deg, #1075BC, #030915)
用途背景、Banner、Hero 区域
03

Typography 字体排版

Montserrat

英文主字体 — 标题 & Logo
Aa Bb Cc
Regular 400 — The quick brown fox SemiBold 600 — The quick brown fox Bold 700 — The quick brown fox Black 900 — The quick brown fox

Noto Sans SC

中文字体 — 网站内文
数码营销
Regular 400 — 数码营销学院 Medium 500 — 数码营销学院 Bold 700 — 数码营销学院

阿里巴巴普惠体

Canva 设计用中文字体
数码营销
Alibaba PuHuiTi — 用于 Canva 社交媒体、海报等设计素材 搭配品牌橙色 #FF8C50 使用
04

Logo Usage 使用规范

正确
  • • 使用官方提供的 Logo 文件
  • • 保持 Logo 原始比例
  • • 确保 Logo 周围有足够净空间
  • • 在深色背景使用反白版
  • • 中文场合加入「数码营销学院」副标题
禁止
  • • 拉伸或压缩 Logo
  • • 改变 Logo 颜色
  • • 在 Logo 上叠加文字或图案
  • • 旋转 Logo
  • • 在杂乱背景上放置 Logo
  • • 使用低解析度的 Logo 文件
05

Brand Information 品牌信息

品牌名称

全称：SUMA College — School of Digital Marketing

中文：SUMA College 数码营销学院

简称：SUMA College

网站

主网站：suma.edu.my

联络

Email：admin@suma.edu.my

地址：A-1-9 & A-2-9, Sunway Nexis,
Kota Damansara, 47810 PJ, Selangor

Social Media 社交媒体