Corporate Identity System

可閎當舖
設計標準手冊

本文件定義可閎當舖品牌的視覺與語言標準，涵蓋商標、色彩、字型、UI 元件、攝影與溝通風格。所有網站頁面均應遵循此標準。

首頁更新 Home Update (2026-02)

首頁風格調整同步規範

視覺規範

Hero 使用單張高級品實拍圖，不使用漸層文字特效
避免玻璃感與強烈發光陰影，維持乾淨沉穩介面
保留深色底與金色重點，但降低科技感裝飾

文案與資訊規範

章節標題以中文為主（服務項目、辦理流程）
KPI 使用在地可讀格式（10,000+ 件、50+ 億元）
語氣以在地、誠信、透明為主，避免過度高端金融語彙

品牌核心 Brand Core

核心價值與品牌語氣

使命 Mission

Provide transparent, dignified, and efficient financial solutions for individuals seeking liquidity through high-value assets.

為尋求高價值資產流動性的客戶，提供透明、尊嚴且高效的金融解決方案。

願景 Vision

To be the most trusted luxury asset financing partner in Southern Taiwan.

成為南台灣最值得信賴的精品資產融資夥伴。

語氣 Tone of Voice

在地 Local誠信 Reliable保密 Discreet

溝通語氣應始終保持沉穩、尊重且清晰。避免激進的銷售語言。

品牌架構 Brand Architecture

組織層級與子品牌定位

品牌層級設計將高價值資產管理與一般快速借貸分開，確保針對不同客群傳遞精準訊息。

Core Brand

可閎當舖 (Corporate)

代表穩定、合法與信任的傘型品牌實體。

✓ 企業治理
✓ 品牌一致性

Sub-Brands

尊榮典當 Premium Pawn

名錶、珠寶、高端汽車

快速融資 Express Finance

小額借款、機車借款

02b

網站架構 Site Architecture

Visual Sitemap 與頁面導航

Visual Sitemap

首頁 /

關於我們/about-us

汽車借款/car-loan

機車借款/motorcycle-loan

名錶典當/luxury-watch

房屋土地/property-loan

金融知識/posts

聯絡我們/contact

Navigation Design

主導覽列 Primary Nav

Desktop: 水平導覽 + 下拉子選單
Mobile: 漢堡選單展開

User Flow

首頁 → 服務頁 → CTA (電話/LINE) → 完成諮詢

商標系統 Logo System

品牌標誌使用規範

淺色背景 Light Background

用於白色或淺灰背景（0-10% 黑）

深色背景 Dark Background

用於深色背景或圖片上方

淨空區域 Clear Space

x = 字元高度

可閎當舖

最小淨空區域以 'x' 為單位，即中文字元高度。

最小尺寸 Minimum Size

數位 Digital (32px)

印刷 Print (15mm)

色彩系統 Color Palette

品牌色彩定義與 HEX/RGB 值

Prosperity Gold

繁榮金 — Primary Accent

HEX#F9D406

RGB249, 212, 6

Stability Black

穩定黑 — Background Dark

HEX#181711

RGB24, 23, 17

Surface Dark

表面深色 — Surface / Cards

HEX#23200F

RGB35, 32, 15

Border

邊框 — Borders / Dividers

HEX#3A3727

RGB58, 55, 39

Gold Light

淡金 — Gradient Accent

HEX#FFF5A0

RGB255, 245, 160

Primary Dark

深金 — Hover State

HEX#E0BE05

RGB224, 190, 5

Background Light

淺底色 — Light Mode BG

HEX#F8F8F5

RGB248, 248, 245

Error

錯誤 — Error State

HEX#DC2626

RGB220, 38, 38

Text Secondary

次要文字 — Secondary Text

HEX#D1D5DB

RGB209, 213, 219

色彩心理學 Color Psychology

每種顏色的象徵意義與使用情境

Prosperity Gold 繁榮金#F9D406

象徵：價值、財富、樂觀
用於主要行動按鈕、重點強調與品牌關鍵元素，象徵資本的釋放。

Stability Black 穩定黑#181711

象徵：精緻、信任、永恆
主要背景色，營造高端氛圍，與傳統當鋪形象做出區隔。

字型系統 Typography

字型族群、字重與字級比例

Noto Serif TC

標題 Primary Headings

Regular 400Bold 700

Noto Sans TC

內文與 UI Body & UI Text

Light 300Regular 400Medium 500Bold 700

Display 1

在地經營，誠信借款

Heading 1

借款方案說明

Heading 2

汽車借款

Heading 3

申請流程三步驟

Body Large

屏東首選，高價收購名錶、豪車、珠寶。手續簡便，快速撥款。

Body Base

我們提供多元化的典當服務，手續簡便，快速撥款。不論是汽車、機車、名錶或珠寶，皆可高價收購或典當。

Caption

屏東合法立案當鋪

格線與版面 Responsive Grid & Layout

斷點、欄數與間距規範

Breakpoint	Range	Container Max	Columns	Gutter
Desktop (L)	≥ 1440px	1320px	12	24px
Desktop (M)	1024 - 1439px	960px	12	24px
Tablet	768 - 1023px	720px	8	20px
Mobile	320 - 767px	100%	4	16px

Desktop

1440px+

Columns: 12

Tablet

768-1024px

Columns: 8

Mobile

320-480px

Columns: 4

間距系統 Spacing Tokens

基於 8px 網格的間距規範

4px

.p-10.5x

8px

.p-21x

16px

.p-42x

24px

.p-63x

32px

.p-84x

48px

.p-126x

64px

.p-168x

最小觸控目標 Touch Target

44px

互動元素在行動裝置上最小為 44×44px

邊緣留白 Edge Margins

重要內容距離螢幕邊緣至少保留 16px

UI 元件 Components

按鈕、輸入框與卡片樣式

按鈕 Buttons

.bg-primary

.border-primary

Dark Context

輸入框 Input Fields

Default Input

With Icon

卡片陰影 Card Elevations

Shadow SM

Shadow LG

Dark Card + Hover

服務卡片 Service Card Structure

卡片元件結構與互動效果

Image Container (16:9)

Service Title

Description text should be limited to 2-3 lines for consistency across the grid.

Call to Action

圖片比例：4:3 或 16:9

描述文字：限 2-3 行以保持一致性

Hover 效果：Y 軸位移 + 邊框變金色

10b

圖標系統 Iconography

圖標風格、大小與用法規範

圖標風格 Icon Style

● 使用線條 (Outlined) 風格，保持一致性
● 筆畫粗細 1.5px - 2px
● 圓角末端 (Round Cap)
● 24×24px 基準尺寸

尺寸系統 Size System

16pxXS

20pxSM

24pxMD

32pxLG

48pxXL

服務圖標 Service Icons

🚗汽車借款

🏍️機車借款

⌚名錶典當

🏠房屋土地

💎黃金鑽石

⚡快速撥款

攝影標準 Photography Guidelines

攝影風格的 Do's & Don'ts

✓ DO 正確做法

使用高對比、專業打光，突出材質質感（金屬、皮革）
聚焦細節（名錶機芯、汽車曲線的微距攝影）
維持暗色、沈穩氛圍，與品牌色系一致
以在地門市、實際辦理情境與資產細節為主
背景保持深色或中性色調，讓主體突出

✗ DON'T 避免做法

AVOID

避免低解析度的手機照片
不使用雜亂的背景
避免過亮、臨床感或霓虹燈光
不要拍攝客戶面部（隱私保護）
避免直射閃光導致反光面眩光

11b

氛圍板 Moodboard

品牌視覺情緒與風格參考

以下關鍵詞與氛圍元素定義了可閎當舖的品牌視覺感受。所有視覺設計應傳達這些情緒。

在地Local

信賴Trustworthy

沉穩Composed

專業Professional

Color Harmony

金色與深色的對比建立穩重且可信賴的品牌感

Material Textures

皮革、拉絲金屬、大理石、深色木材等質感元素強化品牌質感。

Lighting Style

使用低調打光 (Low-Key Lighting)，強調明暗對比，營造神秘感與高級感。

溝通風格 Communication Style

品牌文案語氣與範例

在地 Local

用屏東在地、親切且有分寸的語氣。以「您」稱呼客戶。

誠信 Transparent

清楚說明流程。避免使用未經解釋的專業術語。

安心 Reassuring

強調隱私、合法性與資產安全。

文案範例 Copywriting Examples

✓ 正確語氣

「可閎當舖深耕屏東，流程公開透明。歡迎來電或到店，由專員為您說明適合的借款方案。」

✗ 錯誤語氣

「缺錢快來借，利息很低，趕快打電話給我們。」

品牌素材 Brand Assets

可供下載的品牌資產與使用規範

SVG

Logo (SVG)

向量格式，適用於網頁與印刷

/images/logo.svg

JPG

Logo (JPG)

點陣格式，適用於社群貼文

/images/logo.jpg

JPG

攝影參考 Do

正確攝影風格參考圖

/images/photography-do.jpg

JPG

攝影參考 Don't

錯誤攝影風格參考圖

/images/photography-dont.jpg

品牌素材使用規範

✓ 保持 Logo 比例，不可拉伸變形
✓ 深色背景使用淺色 Logo，淺色背景反之
✗ 不可在 Logo 上加陰影或外框
✗ 不可更改 Logo 顏色（僅限黑白反轉）

可閎當舖設計標準手冊