品牌指南
這頁收錄 ExpTech Studio 的標誌檔案、用法、色票與字型。英文名稱寫作 ExpTech Studio（簡稱 ExpTech），中文名稱是探索科技。
橫式標誌
晶片圖形加上 ExpTech Studio 字樣。淺色背景用透明底版本；深色背景用白底版本。
方形圖示
自帶深灰色底，淺色與深色背景都看得清楚。本站導覽列左上角就是這個圖示。
網站圖示
只有晶片圖形、透明底，用在瀏覽器分頁等小尺寸的地方。下方以原始尺寸顯示。
每個預覽下方都可以下載原始檔。目前只有點陣圖（WebP、ICO），沒有向量檔；需要向量檔或其他尺寸，請聯絡我們。
標誌四周至少保留 x 的空間，x 是標誌圖文高度 H 的 20%。橫式標誌的圖檔四周已經留有足夠的邊，整張使用、不另外裁切就符合要求。
建議淺色背景使用透明底版本
建議深色背景使用白底版本，保留白色底板
避免拉伸或壓扁，改變原始比例
避免改變標誌的顏色
避免加上陰影、描邊等效果
避免放在複雜的背景上
避免透明底版本直接放在深色背景上
保持原始比例與顏色，不要加上效果，也不要放在複雜的背景上。目前沒有淺色字的版本，深色背景請用白底版或方形圖示。
品牌主色是紫羅蘭色，搭配偏冷調的中性灰。淺色與深色模式各有一組值。下面的數值與網站樣式同步，點一下數值即可複製。
品牌主色
--primary淺色模式深色模式主色上的文字
--primary-foreground淺色模式深色模式背景
--background淺色模式深色模式卡片
--card淺色模式深色模式文字
--foreground淺色模式深色模式次要文字
--muted-foreground淺色模式深色模式邊框
--border淺色模式深色模式錯誤與危險
--destructive淺色模式深色模式
標 ≈ 的顏色超出 sRGB 色域，HEX 是最接近的近似值；需要精確色彩時請用 OKLCH。
在網頁中請用 CSS 變數（例如 var(--primary)），不要寫死色值，深淺色模式才會自動切換。文字與背景要有足夠的對比，符合 WCAG 無障礙標準。
紫色色階--color-accent-*
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
中性灰色階--color-gray-*
- 50
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 950
標 ≈ 的顏色超出 sRGB 色域，HEX 是最接近的近似值；需要精確色彩時請用 OKLCH。
Tailwind 的 accent-*（例如 bg-accent-600）與 gray-* 對應這兩組色階。
- 臺灣即時地震監測
- ExpTech Studio 探索科技
- 地震報告、即時測站資料與 SSE 即時串流，都可以透過 ExpTech API 取得。
- Real-time earthquake monitoring for Taiwan. 0123456789
curl -sL "https://api.core.exptech.dev/api/v2/eq/report?limit=5"
- 繁體中文、英文頁面
Plus Jakarta Sans VariablePlus Jakarta SansPingFang TCNoto Sans TCMicrosoft JhengHeiui-sans-serifsystem-uisans-serif- 日文頁面
Plus Jakarta Sans VariablePlus Jakarta SansHiragino SansNoto Sans JPYu Gothicui-sans-serifsystem-uisans-serif- 程式碼
ui-monospaceSFMono-RegularSF MonoMenloMonacoConsolasLiberation MonoCourier Newmonospace
拉丁字母使用 Plus Jakarta Sans（可變字重 200–800），中文與日文使用各作業系統內建的字型。程式碼使用系統的等寬字型。
ExpTech Studio 的品牌資產僅供以下用途使用：
- 官方文件與網站
- 社群專案與教學
- 非商業用途的展示
商業用途或其他特殊授權，請先與我們聯絡。