副文案

Sub Copy Settings
文字
顏色
字型
文字陰影
版面配置

可能與實際介面略有差異。

變更預覽
Set the Subcopy here

This setting applies to the supplementary text

文字

文字
文字

可能與實際介面略有差異。

重點:
補充文案顯示在按鈕外下方,適合條件與注意事項。

影響:
可在不干擾主 CTA 的前提下補足必要資訊。

調整建議:
建議用短句,避免超過 2 行造成閱讀負擔。

設定項目

  • Sub Copy(最多 2 行)

註解:
文字為空時不顯示此區塊,且此區不支援 hover 狀態。

操作提示:
補充文案建議聚焦一個條件,避免同時塞入多段訊息。

顏色

顏色
文字顏色
黑色
#000000
編輯調色盤清除
不透明度
1

可能與實際介面略有差異。

重點:
顏色決定補充文案可讀性與主次關係。

影響:
對比不足時,使用者容易忽略條件資訊。

調整建議:
比主文案低一階對比,仍需保持可讀。

設定項目

  • 文字顏色 + Alpha

註解:
建議先固定色相,再用 Alpha 控制主次層級。

字型

字型
字型系列
預設
粗細
400
字型大小
12
行高
1.4
字距
0

可能與實際介面略有差異。

重點:
字型設定用於控制補充資訊的閱讀效率。

影響:
字級與字重會影響資訊層級感。

調整建議:
先定字級與行高,再微調字距。

設定項目

  • 字型系列
  • Font 粗細
  • 字型大小
  • 行高
  • 字距

註解:
若要降低干擾,優先降低字重而非直接縮太小。

文字陰影

文字陰影
文字陰影OFFON
顏色
黑色
#000000
編輯調色盤清除
模糊
0
水平
0
垂直
0

可能與實際介面略有差異。

重點:
文字陰影可補強複雜背景上的辨識。

影響:
過強陰影會讓文字發糊。

調整建議:
先低 Alpha、小 Blur 起手。

設定項目

  • 顏色 + Alpha
  • Blur
  • Horizontal
  • Vertical

註解:
陰影僅在背景複雜時使用,純色背景通常可關閉。

版面配置

版面配置
外距
0
內距
0
旋轉 (deg)
0

可能與實際介面略有差異。

重點:
版面配置決定補充文案與主按鈕的距離。

影響:
間距不當會影響資訊閱讀順序。

調整建議:
先調整 Margin,再按需求加 Padding 與 Rotate。

設定項目

  • Margin
  • Padding
  • Rotate
  • 響應式

註解:
請在手機版確認換行與間距,避免擁擠。

操作提示:
先調整外距再調內距,較容易維持閱讀節奏。