For Text Uses
Do not use full white(#ffffff) or full black(#000000) with the exception for print materials. This is designed for best reading experiences on device screens.
品牌解說
新聞業面對政治或經濟上的衝擊
一班志同道合的資深新聞工作者
成立公民記者有限公司
健立客觀、優質、分析性的新聞傳媒
一班志同道合的資深新聞工作者
成立公民記者有限公司
健立客觀、優質、分析性的新聞傳媒
Logo
Download Assets
顏色
Primary Color Set
Solid
#eb5a50
#eb5a50
#ffcc00
#ce2184
中國組 Color Set
Solid
#aa3535
#aa3535
#df5324
#4a196e
Blue Color Set
Solid
#158cc7
#158cc7
#63cae1
#27395f
Purple Color Set
Solid
#db49cd
#db49cd
#ff6ecf
#49318e
Yellow Color Set
Solid
#f2ab16
#f2ab16
#ffff19
#e65813
Navy Color Set
Solid
#3b4c84
#3b4c84
#7267c4
#053245
Green Color Set
Solid
#58a072
#58a072
#b3ff68
#00457c
Black, White, Gray
White
#fcfcfc
#fcfcfc
Light
#cccccc
#cccccc
Dark
#4d4d4d
#4d4d4d
Black
#141414
#141414
For UI Layering Uses
These set of grays are primarily designed to be used in layering modules.
These set of grays are primarily designed to be used in layering modules.
Gray 1
#f8f9fa
#f8f9fa
Gray 2
#e9ecef
#e9ecef
Gray 3
#dee2e6
#dee2e6
Gray 4
#ced4da
#ced4da
Gray 5
#adb5bd
#adb5bd
Gray 6
#6c757d
#6c757d
Gray 7
#495057
#495057
Gray 8
#343a40
#343a40
Gray 9
#212529
#212529
Download Swatches
字體
Noto Sans HK
前有線中國組原班人馬加入
眾新聞成立中國組
盼公眾支持訂戶倍增
眾新聞成立中國組
盼公眾支持訂戶倍增
Noto Serif TC
前有線中國組原班人馬加入
眾新聞成立中國組
盼公眾支持訂戶倍增
眾新聞成立中國組
盼公眾支持訂戶倍增
All weights for each font is acceptable for print material. However, for web versions, Noto Sans HK will be limited to 3 weights and Noto Serif TC will be limited to 2 weights due to loading time optimisation.
Poppins
Subscribe to Citizen News.
Poppins is only used on print media.
圖片
Layout –
All typographic layout styles are acceptable
All typographic layout styles are acceptable
Acceptable
Acceptable
Clearspace –
Follow the margins and do not extend text outside
Follow the margins and do not extend text outside
Acceptable
Unacceptable
1st Level Colouring –
Single colour corner gradation with logo
Single colour corner gradation with logo
2nd Level Colouring –
Single color corner gradation with logo plus color gradation in text
Single color corner gradation with logo plus color gradation in text
3rd Level Colouring –
Single color corner gradation with logo plus color gradation text box in simple shape(e.g. square, circle, triangle, etc.)
Single color corner gradation with logo plus color gradation text box in simple shape(e.g. square, circle, triangle, etc.)
4th Level Colouring –
Color gradation mixed with photo and in text
Color gradation mixed with photo and in text
5th Level Colouring –
Color gradation blended with photo as a background
Color gradation blended with photo as a background
Download Templates
Download Online Post Templates
Download by internal staff only
Stationeries
Web
Download Templates
Coming Soon