主視覺:

• 主視覺色彩比重請參照Color 顏色，以產品色最淺色階為主(1-2階)，產品色為輔。
• 如果為照片情境示意，請挑選濾鏡感低接近自然色調、主題明確、清新明亮為主，請參照Photo 照片。
• 其餘插圖的使用，請參照Illustration 插圖。

表頭:

以下分為三種表頭樣式擇一使用，並優先使用Type1

• 互動效果：表頭本身在頁面向下滾動時會隱藏，向上滾動時顯示。

Type1-基本表頭：選項最多5個，每個以四字為宜。主要導流按鈕可加在最右方(非必要)

Type2-表頭+本頁錨點：經評估有放不下之情況，開放下方可以放本頁的錨點，最多4個，每個以四字為宜，錨點固定於上方

Type3-表頭+次選單：經評估有需要收納選項之情況，開放使用次選單

按鈕:

• 統一按鈕樣式，顏色可依網頁主色自由選用，須留意文字顏色對比度，詳細請參照Button 按鈕。
• 文字超連結則同Design System，使用底線企業色。

例如：在外匯網頁裡，可以使用以下按鈕樣式

浮動按鈕:

• 每個網頁皆需放置TOP鈕，尺寸為：50x50px。
• 浮動cta按鈕，分為兩種版本文字版與icon版，若文字4個字以上，則使用文字版。
• 除了TOP鈕，最多可再放兩個按鈕浮動按鈕
• 按鈕僅能擇一顏色使用，如有需強調的按鈕可保留實色，並將另一顆按鈕調整為線條版本，如下方線條版示意

頁籤:

• 線條版與色塊版，兩種款式供選擇，請參照Tab 頁籤。

常見問題:

注意事項:

警語:

彈跳視窗: