優秀的使用者體驗給您煥然一新的感覺
我們建立社群平台,加強項目團隊和群眾的交流:團隊成員更有效地獲得群眾的回饋;群眾更能主動地協助項目成長。
品牌指引
不論是在網站上,卡片上,海報上,甚至團隊的 T-shirts 上,我們都希望 Collaction 看上來都一致、漂亮的。
Collaction 不只是一個網站,我們有自己的團隊,有獨特的品牌及文化。因此,當您需要使用我們的品牌元素時,例如在您的宣傳品上,品牌指引將有效協助您,這樣會使您更容易了解我們所做的事。
好的意念,來自好的設計

天藍色是無邊無際的天空色,明度愈高的顏色,給人的感覺愈輕,因此 Collaction 使用天藍色作識別,表現出自由而活力的感覺。而 Collaction 這個字是 Collect + Action 的合成詞語,源於「Collect Resources, Take Action.」,意謂收集資源,共同行動,Collaction 的拼音是 [kawl-ak-shuh n]。
手機看?平板電腦看?也跟電腦看一樣精美!
不論在甚麼設備或平台上,我們給您無縫一致及優美的設計介面,您的意念將能無處不在。

色彩
主色
Collaction Blue 是我們的主色,鮮明的天藍色讓使用者從不同的場合也能即時辨識 Collaction。
副色
標誌
Collaction 的標誌顯而易見,簡單,直觀,就是我們的設計宗旨。請緊記:使用 Collaction 的標誌時需要預留足夠的空白位置。
Horizontal Logotype



Badge Logotype



字體及字型學
網頁字體
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 在中英文混合之間會加入了空格,不會出現過度擁擠而影響視覺。