PharmaClear ERP — Design System Preview

Typography

字型系統

Display XL
Cabinet 48/700

製藥製造管理

Display
Cabinet 32/600

批次放行監控

Heading
Cabinet 22/600

品質偏差追蹤

Heading SM
Cabinet 18/600

效期管理報表

Body LG
Source Sans 16/400

管理從原料進廠到成品放行的完整 GMP 製程，即時掌握每個批次的品質狀態與效期資訊。

Body
Source Sans 14/400

支援 ICH 穩定性試驗管理、OOS/OOT 偏差處理流程、以及 CAPA 追蹤系統。

Caption
Source Sans 12/500

最後更新：2026-04-10 14:32 · 審核：品保部陳主管

Data
Geist Mono 13/500

PB-2024-0823 ASP-500-TAB 500.2 mg pH 6.8 2027-03-15

Label
Geist Mono 10/500

批號產品代碼含量 pH值效期

Color

色彩系統

Clinical Teal

#14B8A6

淡 Teal

#5EEAD4

潔淨室暗底

#090B10

Surface 1

#0F1117

Surface 2

#171A22

Surface 3

#1F222C

Success

#22C55E

Warning

#EAB308

Error

#EF4444

Info

#3B82F6

Components

元件

按鈕

狀態標籤

生產中檢驗中已放行隔離中偏差待排程

提示訊息

✓ 批次 PB-2024-0823 已通過 QC 放行，含量 500.2 mg（合格範圍 475-525 mg）

⚠ 原料 RM-IBU-001 效期剩餘 45 天，建議優先使用

✗ 偏差 DEV-2024-089：批次 PB-2024-0825 溶離度不合格（Q=68%，規格 ≥80%）

ℹ 穩定性試驗 ST-2024-012 下次取樣日：2026-04-15（3M 加速條件）

表單元素

批號

產品代碼

偏差描述

Spacing & Radius

間距與圓角

間距比例尺 (8px base)

2xs

2px

xs

4px

sm

8px

md

16px

lg

24px

xl

32px

2xl

48px

3xl

64px

圓角比例尺

sm

4px

md

8px

lg

12px

xl

16px

pill

9999px

Shadows & Depth

陰影與層次

Level 1

Border only — Sidebar、inline 元素

Level 2 — Card

資料表格、內容卡片

Level 3 — Elevated

Modal、Popover

Glow

Active 狀態、hover accents

KPI Cards

KPI 卡片

批次放行率

98.6%

↑ 1.2% vs 上月

今日產出

45,200 tab

↑ 5.8% vs 昨日

開放偏差數

3

↑ 1 件 vs 上週

近效期品項

7

↑ 2 件 vs 上月

Dashboard

儀表板佈局

儀表板

批次放行率

98.6%

↑ 1.2%

今日產出

45,200 tab

↑ 5.8%

開放偏差

3

↑ 1

近期批次

批號	產品	狀態	收率
PB-2024-0823	ASP-500-TAB	生產中	98.3%
PB-2024-0822	IBU-400-TAB	檢驗中	99.1%
PB-2024-0825	MET-850-TAB	偏差	96.2%