/品牌中心/資產SERAMONX 的小服務，貼合日常的需求與習慣，每一個都真的幫得上忙。
Fits your life
主標誌依環境提供不同色版，各自放在它設計用的真實底色上，底色不隨頁面主題變化。
依情境選擇檔案。深色環境 · 白標誌、淺色環境 · 黑標誌的標誌皆為透明底，須放在對應的底色上。
同一圖形在 16 到 64 格位的實際樣貌。
標誌的放置、最小尺寸、底色與禁用事項。數值為建議值或品牌規範，各項標示其依據。
官方檔案已內建所需的淨空。請直接放置，勿裁掉檔案邊緣的空白，也勿讓文字、圖片或其他元素進入這個範圍。
淨空為四周各 0.5X，自標誌墨跡外緣量起。X 在含字標的資產（橫向組合、直向組合、純字標）為字高，在單獨母標為中央 X 骨幹的高度。
以 CSS px 為單位，網頁無法確定讀者的螢幕密度時，以 1 倍密度為保守基準。
以下示範一律以 CSS 現場套用在官方檔案上，僅供說明，不提供下載；另存圖片仍取得正確的官方檔案。標示「錯誤」的畫面不是官方資產。
SERAMONX
限時優惠 50%畫布 12 CSS px · 錯誤畫布 24 CSS px · 正確對照主標誌 40 CSS px · 錯誤Micro 36 CSS px · 正確對照SERAMONX 取意熾天使的守護與輕盈（SERA）、突破常規的爆發力（MON）、融合與定錨（X）。母標只用黑白，色彩留給旗下服務。
SERAMONX 由三個字根組成。SERA 取自六翼熾天使，象徵守護、光芒與輕盈，化為標誌頂端挺拔的羽冠與朝天舒展的雙翼。MON 代表突破常規的爆發力，化為雙翼 46° 的和風刀刃反曲弧線，銳利而帶有俯衝的速度感。X 是未知數，也是融合與交會，化為標誌中央頂天立地的 X 骨幹，定錨整個圖形。三者合而為母標「熾羽之刃」（The Seraph Blade）。
母標只以黑白呈現：深色環境用極光白，淺色環境用曜石黑。色彩則留給旗下各項服務，各自詮釋所屬領域；母標始終保持同一個形狀，作為整個體系的錨點。
每個場景先呈現情境，再列出該情境用到的檔案、檔案像素與顯示尺寸。情境畫面為 CSS 搭建的示意，並非真實截圖；圖檔本身是實際資產。情境畫面中各介面元件的顯示尺寸與圓角形狀為 CSS 示意值，並非各平台實際尺寸或曲線。 未查證，暫定或示意
訪客在分頁標題旁與書籤列看到的 16 CSS px 小圖示，淺色與深色瀏覽器介面都要能清楚辨識。
SERAMONXSERAMONXSERAMONXSERAMONX模擬畫面中的 16 CSS px 圖示取自 favicon-16x16.png（1 倍）與 favicon-32x32.png（2 倍），由瀏覽器依螢幕密度挑檔。favicon.svg 為 32 格的輕量版，縮到 16 CSS px 時筆劃偏軟。Safari 對 SVG favicon 的支援尚未驗證，因此保留 favicon.ico 與 apple-touch-icon 作為備援。 未查證，暫定或示意
網站頂端導覽列的品牌位置；依導覽列的明暗，放入對應色版的橫向組合標。
網址貼到聊天室或社群時顯示的預覽卡，圖片取自 Open Graph 設定。
各平台連結卡片的顯示寬度不同，此處以 320 CSS px 示意。 未查證，暫定或示意
訪客把網站加到 iOS 主畫面時，圖示取自 apple-touch-icon，系統自行套用圓角。
SERAMONXiOS 主畫面圖示以 60pt 顯示，@3x 為 180 px。 次級來源，未取得官方原文 iOS 圖示為單一 1024×1024 方形圖像，不自帶遮罩；系統套用圓角並自動縮出主畫面、設定、通知等尺寸，App Store 使用同一張圖像。 官方文件原文已查證 情境畫面中各介面元件的顯示尺寸與圓角形狀為 CSS 示意值，並非各平台實際尺寸或曲線。 未查證，暫定或示意
網站安裝為 PWA 或加到 Android 主畫面時，系統依機型套用不同遮罩；主體必須落在安全區內。
PWA Maskable 圖示的安全區為圓心置中、半徑 40%（直徑 80%）的圓，圓內不得有透明像素；主體置於安全區內，套用圓形或圓角方形遮罩時不被裁切。 官方文件原文已查證 Android 啟動圖示為 48dp，xxxhdpi（4 倍）為 192 px。 次級來源，未取得官方原文 情境畫面中各介面元件的顯示尺寸與圓角形狀為 CSS 示意值，並非各平台實際尺寸或曲線。 未查證，暫定或示意
常駐型 App 在 macOS 選單列的單色圖示。範本圖示只含黑色與透明，由系統依選單列的明暗自動上色。
深色選單列中的圖示，是系統把黑色範本圖示反相為白色的示意。macOS 選單列範本圖示只含黑色與透明，由系統依選單列的明暗自動上色；18、36 px 為社群慣例尺寸，官方原文未給 pt 尺寸。 次級來源，未取得官方原文 macOS 與 Windows 各介面（Dock、Launchpad、Finder、工作列、檔案總管、關於視窗、安裝視窗）的顯示尺寸為示意值。 未查證，暫定或示意
App 安裝後，圖示同時出現在 Dock、Launchpad 與 Finder，各處的顯示尺寸不同，由 .icns 內含的多個尺寸幀分別提供。
SERAMONX下載
SERAMONX
SERAMONXmacOS 與 Windows 各介面（Dock、Launchpad、Finder、工作列、檔案總管、關於視窗、安裝視窗）的顯示尺寸為示意值。 未查證，暫定或示意
App 的「關於」視窗與下載後的安裝視窗（拖曳到「應用程式」），以大尺寸圖示呈現品牌。
SERAMONX
SERAMONXSERAMONX應用程式macOS 與 Windows 各介面（Dock、Launchpad、Finder、工作列、檔案總管、關於視窗、安裝視窗）的顯示尺寸為示意值。 未查證，暫定或示意 macOS 現行標準為 1024×1024 方形圖，圓角、陰影與高光由系統處理，不自行繪製；macOS 15 以前的舊式 .icns 另行保留。macOS 26 是否替舊式圖示加上系統背景尚未實機驗證。 官方文件原文已查證
Windows 的 App 圖示出現在工作列、檔案總管的圖示檢視與清單檢視，.ico 內含多個尺寸幀，系統依位置擇一。
SERAMONX下載
SERAMONX
macOS 與 Windows 各介面（Dock、Launchpad、Finder、工作列、檔案總管、關於視窗、安裝視窗）的顯示尺寸為示意值。 未查證，暫定或示意
iOS 原生 App 的圖示出現在主畫面、設定清單與 App Store 商品頁；同一張 1024 方形圖像由系統縮放並套用圓角。
SERAMONXSERAMONX預設
深色
單色調iOS 圖示為單一 1024×1024 方形圖像，不自帶遮罩；系統套用圓角並自動縮出主畫面、設定、通知等尺寸，App Store 使用同一張圖像。 官方文件原文已查證 App Store 圖示不可含透明度（alpha 通道），本專案的 iOS 預設圖示以不含 alpha 通道的 RGB PNG 輸出。 官方來源，但頁面非現行或非直接 情境畫面中各介面元件的顯示尺寸與圓角形狀為 CSS 示意值，並非各平台實際尺寸或曲線。 未查證，暫定或示意
Android 原生 App 的圖示由前景與背景兩層合成，系統依機型套用遮罩；通知列使用單色小圖示；Google Play 商店頁使用 512 圖示。
Android 自適應圖示的前景、背景與單色各為 108×108 dp 的圖層，安全區為中央 66×66 dp，四邊各 18 dp 保留給遮罩與特效；各密度像素為 108 dp 乘以密度倍率（xxxhdpi 為 432 px）。 由官方數值推導 自適應圖示的可見區為 72×72 dp，由 108 dp 扣除四邊各 18 dp 推得。 由官方數值推導 Android 通知小圖示，系統只讀取透明度並以白色繪製，因此使用白色加透明的單色圖像；24 dp 對應 24、36、48、72、96 px。 由官方數值推導 通知小圖示的全尺寸為 24 dp，內部可見範圍約 22 dp。 次級來源，未取得官方原文 Google Play 商店圖示為 512×512、32-bit PNG，使用滿版方形；Play 會自行套用圓角與投影。 官方文件原文已查證
瀏覽器擴充套件的圖示出現在擴充功能自身頁面的分頁、擴充功能管理頁，以及安裝流程。
SERAMONX
SERAMONX
SERAMONX擴充套件圖示：128 用於安裝流程與商店頁，48 用於擴充功能管理頁，16 用作擴充功能頁面的 favicon；32 見於官方範例 manifest，用途原文未說明；工具列圖示另以 manifest 的 action 指定。 官方文件原文已查證 擴充套件不支援 SVG 圖示，工具列圖示為 16 DIP，另提供 24、32 px 供縮放。 官方文件原文已查證
擴充套件上架商店時使用的 128 圖示，圖案四周帶透明邊距；與 manifest 的 128 圖示為同一個檔案。
Chrome 線上應用程式商店的 128×128 圖示，圖案為 96×96，四邊各留 16 px 透明邊距；同一檔案兼作 manifest 的 128 圖示。 官方文件原文已查證
文件頁首、簡報封面、信件署名，以及需上傳點陣圖的平台。優先使用向量；平台只收點陣時才用 PNG。未提供組合標或字標的服務，以單獨母標取代。
完整索引，收合時不佔版面。路徑為相對於資產套件根目錄的路徑。
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="alternate icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#09090B">
<meta property="og:image" content="https://example.com/og-image-dark.png">{
"name": "SERAMONX",
"short_name": "SERAMONX",
"description": "SERAMONX 的小服務，貼合日常的需求與習慣，每一個都真的幫得上忙。",
"start_url": "/",
"display": "standalone",
"background_color": "#09090B",
"theme_color": "#09090B",
"icons": [
{
"src": "android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "icon-maskable-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}"icons": {
"16": "icon-16.png",
"32": "icon-32.png",
"48": "icon-48.png",
"128": "icon-128.png"
}macOS 提供 seramonx.icns，以及 10 幀的 iconset；Windows 提供 seramonx.ico，內含 16、24、32、48、64、128、256 px 幀。放置位置與打包方式依宿主專案的建置設定決定。
頁面中的平台數值與規格說法，其來源與查證等級如下。未查證者僅為示意或暫定值。