⚠ Original 現狀
割裂感來源
問題：白色 CTA 區塊和上下淡紫色 section
之間形成硬切，白色區塊像「孤島」插入，視覺上完全斷開。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
方向 1：統一背景色
最低成本
推薦搭配深色按鈕
把白色 CTA
區塊改成同系淡紫色，整個底部視覺融為一體。按鈕改為深紫色以維持對比，避免「全部淡淡的」。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
方向 2：白色卡片浮於紫色背景
視覺層次最強
白色保留，但縮窄成卡片 + 圓角 +
陰影。讓「白」成為有意為之的設計元素，而非背景意外換色。紫色背景貫通上下，不再被切斷。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
方向 3：波浪分隔線
視覺最柔和
用 SVG
波浪取代直線切割。過渡有曲線，視覺上溫和。適合這個品牌的溫暖風格。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
方向 4：Overlap 咬合
有深度感
CTA 區塊用 margin-top: -56px 向上疊入 tagline
section，讓兩者視覺上「咬合」而非各自漂浮。CTA
上圓角強調其浮起感。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
方向 5：在白色區塊加入紫色元素
最少改動
不改背景，但在白色 section 裡加入紫色
accent（裝飾線、標題色、按鈕漸層），讓白色區塊和整體配色「對話」。改動最少，效果溫和。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
★ 綜合：方向 2 + 4 + 5
推薦
做了三件事：
① 紫色背景貫通（CTA 區塊不再是獨立白色 section） ② CTA
卡片用 overlap + 圓角從 tagline section 長出來，有連結感 ③
卡片內加 accent 裝飾線 +
標題改深紫色，讓白卡也「屬於」這個品牌
德臻秉持性別平權意識與對社會改革的熱情，提供當事人
專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
◆ 漸層色彩 10 種可能性
以下每個選項都展示完整的「tagline → CTA →
footer」三段，重點在漸層的處理方式。
G1 — 縫合漸層
CTA 底部白→紫，無縫接 footer
做法：CTA 背景
linear-gradient(to bottom, #fff → #e5d7fa)，底部顏色與 footer 完全一致，視覺上消除邊界。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G2 — 全段統一漸層
三段共用一個連續漸層
做法：Tagline + CTA + Footer
全部包在同一個容器裡套一個長漸層
深紫 → 淡紫 → 極淡 → 淡紫，三段融為一體。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G3 — 深淺層次漸層
由上而下逐漸變淡
做法：Tagline 最深
#b8a0e8，CTA 中間，Footer
最淡，視覺上有「從深到淺」的自然光感，同時保持色系統一。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G4 — 斜向漸層 135°
CTA 對角線流動感
做法：CTA 用
135deg
斜向漸層，左上→右下從極淡到深紫，讓方形區塊有流動動感而非死板矩形感。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G5 — 暖粉紫漸層 性別平權主題色品牌契合度最高
做法：紫色 #e5d7fa 漸層至暖粉
#fde8ec，呼應「性別平權」品牌核心，女性溫柔感 +
法律穩重感的平衡。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G6 — 冷調紫藍漸層 理性專業感
做法：紫色漸層至淡藍
#dae8ff，藍色帶來理性、信賴、法律專業感，紫色保留品牌識別，兩者互補。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G7 — 放射光暈漸層 中心發光感
做法：CTA 用
radial-gradient，白色從中心向外擴散至邊緣紫色，視覺焦點自然聚在 CTA
文字與按鈕上。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G8 — 玻璃質感 Glassmorphism
現代感最強
做法：整個底部區域是飽和的中深紫漸層，CTA
卡片用 backdrop-filter: blur +
半透明白色，呈現玻璃質感，現代高級感。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢
G9 — 漸層邊框卡片 細膩精緻感
做法：白卡片外層用漸層
wrapper（紫→粉→紫）產生漸層邊框效果。白色本體清爽乾淨，邊框自帶品牌色，按鈕也用漸層描邊。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
G10 — 深紫月光漸層 最高級感夜間模式風格
做法：整段從深紫
#7c5cbf 到淡紫
#e5d7fa
大跨度漸層，文字全部反白，白色按鈕形成最高對比。高端法律事務所的沉穩調性。
德臻秉持性別平權意識與對社會改革的熱情，提供當事人專業與多元的服務
法律相關問題諮詢
如果您有任何法律相關問題，歡迎留下資訊給我們，我們會盡快為您服務！
我想諮詢