你知道嗎?Collaction 會根據隱私權政策使用 Cookie 來提升您的用戶體驗、以及加強系統安全。

優秀的使用者體驗給您煥然一新的感覺

我們建立社群平台,加強項目團隊和群眾的交流:團隊成員更有效地獲得群眾的回饋;群眾更能主動地協助項目成長。

品牌指引

不論是在網站上,卡片上,海報上,甚至團隊的 T-shirts 上,我們都希望 Collaction 看上來都一致、漂亮的。

Collaction 不只是一個網站,我們有自己的團隊,有獨特的品牌及文化。因此,當您需要使用我們的品牌元素時,例如在您的宣傳品上,品牌指引將有效協助您,這樣會使您更容易了解我們所做的事。

好的意念,來自好的設計

天藍色是無邊無際的天空色,明度愈高的顏色,給人的感覺愈輕,因此 Collaction 使用天藍色作識別,表現出自由而活力的感覺。而 Collaction 這個字是 Collect + Action 的合成詞語,源於「Collect Resources, Take Action.」,意謂收集資源,共同行動,Collaction 的拼音是 [kawl-ak-shuh n]。

手機看?平板電腦看?也跟電腦看一樣精美!

不論在甚麼設備或平台上,我們給您無縫一致及優美的設計介面,您的意念將能無處不在。

色彩

主色

Collaction Blue 是我們的主色,鮮明的天藍色讓使用者從不同的場合也能即時辨識 Collaction。

Collaction Blue
#0099FF
100
#BBDEFB
200
#90CAF9
300
#64B5F6
400
#42A5F5
500
#2196F3
600
#1E88E5
700
#1976D2
800
#1565C0
900
#0D47A1

副色

Collaction Green
500
#009688
100
#B2DFDB
200
#80CBC4
300
#4DB6AC
400
#26A69A
500
#009688
600
#00897B
700
#00796B
800
#00695C
900
#004D40
Collaction Red
500
#F44336
100
#FFCDD2
200
#EF9A9A
300
#E57373
400
#EF5350
500
#F44336
600
#E53935
700
#D32F2F
800
#C62828
900
#B71C1C
Collaction Yellow
500
#FFC107
100
#FFECB3
200
#FFE082
300
#FFD54F
400
#FFCA28
500
#FFC107
600
#FFB300
700
#FFA000
800
#FF8F00
900
#FF6F00
Collaction Grey
500
#9E9E9E
50
#FBFBFB
100
#F5F5F5
200
#EEEEEE
300
#E0E0E0
400
#BDBDBD
500
#9E9E9E
600
#757575
700
#6D6D6D
800
#424242
900
#212121
950
#101010

標誌

Collaction 的標誌顯而易見,簡單,直觀,就是我們的設計宗旨。請緊記:使用 Collaction 的標誌時需要預留足夠的空白位置。

Horizontal Logotype

Badge Logotype

字體及字型學

網頁字體

Comfortaa

Collaction 的 Logotype 字體是 Comfortaa,是什麼原因使用 Comfortaa?因為我們喜歡圓滑的細階字母 a。

在一般情況下,包括標題及內文文字,我們於 CSS 中依照次序使用:映射系統 UI 字體、定義已知的系統 UI 字體(英文及中文),及向後兼容性字體。

  • -apple-system, BlinkMacSystemFont
  • Segoe UI, Roboto, Helvetica, Arial
  • PingFang HK, PingFang TC, Noto Sans CJK TC, Microsoft JhengHei
  • sans-serif

字型學

為達到優良的文字閱讀效果,我們限制每行的字數在約 42 個中文字及 60 個英文字元,基礎字型大小為 16px,行距為 1.4。

Collaction 在中英文混合之間會加入了空格,不會出現過度擁擠而影響視覺。

追蹤我們

LANGUAGE / 語言

© 2014-2023 Made with by Collaction Team.