Tonight
品牌规范

Tonight 品牌资源包

正确呈现 Tonight 所需的一切,尽在于此。下载标志、图标,并参考我们的色彩与字体规范。

01

标志

Tonight 字标与月牙的组合。深色版本用于深色背景,浅色版本用于浅色背景。请始终在标志周围保留等同于月牙高度的留白空间。

Tonight
深色背景上
Tonight
浅色背景上
02

色彩

Tonight 的配色建立在近乎纯黑的暗空之上,搭配克制的强调色。月紫是品牌的标志。余烬金则专用于行动号召与版面的首尾点缀。点击任意十六进制色值即可复制。

Void页面背景
Moon品牌强调色、月牙
Ember行动按钮强调色、首尾点缀
Text主要文字
Sub次要文字、正文
Ghost图说、细小注脚
Haze辅助强调色
Surface卡片 & 面板背景
03

字体排印

两款字体。Cormorant Garamond 用于醒目的标题、字标和版面点缀。DM Sans 用于正文、界面文字和图说。两者均可在 Google Fonts 上获取。

标题

Cormorant Garamond

Light 300 · Regular 400 · Medium 500

标题、字标、版面点缀、引文

Google Fonts →
正文

DM Sans

Regular 400 · Medium 500

正文、图说、按钮、界面文字

Google Fonts →
04

应用图标 & 社交头像

应用图标以氛围感十足的暗空为背景,呈现那弯月牙,并环绕着淡淡的靛蓝与琥珀色光晕。社交头像图标是裁剪成圆形的版本,适用于各平台的个人头像。

Tonight 应用图标
应用图标1024 × 1024
Tonight 社交头像图标
社交头像400 × 400