<!doctype html><html lang="zh-Hant" dir="ltr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>nikuniku.ai — 品牌規範</title><meta name="description" content="nikuniku.ai — 品牌識別指南"><link rel="canonical" href="https://brand.nikuniku.ai/zh-Hant/"><link rel="alternate" hreflang="en" href="https://brand.nikuniku.ai/en/"><link rel="alternate" hreflang="zh-Hant" href="https://brand.nikuniku.ai/zh-Hant/"><link rel="alternate" hreflang="zh-Hans" href="https://brand.nikuniku.ai/zh-Hans/"><link rel="alternate" hreflang="ja" href="https://brand.nikuniku.ai/ja/"><link rel="alternate" hreflang="ko" href="https://brand.nikuniku.ai/ko/"><link rel="alternate" hreflang="vi" href="https://brand.nikuniku.ai/vi/"><link rel="alternate" hreflang="id" href="https://brand.nikuniku.ai/id/"><link rel="alternate" hreflang="th" href="https://brand.nikuniku.ai/th/"><link rel="alternate" hreflang="es" href="https://brand.nikuniku.ai/es/"><link rel="alternate" hreflang="pt-BR" href="https://brand.nikuniku.ai/pt-BR/"><link rel="alternate" hreflang="fr" href="https://brand.nikuniku.ai/fr/"><link rel="alternate" hreflang="de" href="https://brand.nikuniku.ai/de/"><link rel="alternate" hreflang="ar" href="https://brand.nikuniku.ai/ar/"><link rel="alternate" hreflang="hi" href="https://brand.nikuniku.ai/hi/"><link rel="alternate" hreflang="x-default" href="https://brand.nikuniku.ai/"><meta name="robots" content="noindex,nofollow"><link rel="icon" type="image/svg+xml" href="/assets/platform/favicon.svg"><link rel="icon" type="image/svg+xml" href="/assets/platform/favicon-dark.svg" media="(prefers-color-scheme:dark)"><link rel="alternate icon" href="/assets/platform/favicon.ico"><link rel="apple-touch-icon" href="/assets/platform/app-180.png"><link rel="manifest" href="/assets/platform/site.webmanifest"><link rel="stylesheet" href="/tokens.css?v=8038b42346c1"><link rel="stylesheet" href="/style.css?v=88390f1dbeaf"><script src="/app.js?v=3b094a43efed" defer></script></head><body><a class="skip" href="#main">跳到內容</a>
<header><a class="brand-home" href="/zh-Hant/" aria-label="nikuniku.ai"><picture><source media="(max-width:760px)" srcset="/assets/nikuniku-icon-primary.svg"><img src="/assets/nikuniku-horizontal-primary.svg" alt="nikuniku.ai" width="240" height="60"></picture></a>
<div class="header-right"><span class="header-label">品牌資產中心</span><details class="language-picker" id="language-picker"><summary aria-label="切換語言 · 目前語言: 繁體中文" title="切換語言" aria-expanded="false" aria-controls="language-options"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <circle cx="12" cy="12" r="10" />
  <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
  <path d="M2 12h20" />
</svg>

<span class="sr-only">切換語言</span></summary>
<nav id="language-options" aria-label="切換語言"><p class="language-heading">切換語言</p><a href="/en/" lang="en" dir="auto" hreflang="en" ><span>English</span></a><a href="/zh-Hant/" lang="zh-Hant" dir="auto" hreflang="zh-Hant" aria-current="page"><span>繁體中文</span><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M20 6 9 17l-5-5" />
</svg>

</a><a href="/zh-Hans/" lang="zh-Hans" dir="auto" hreflang="zh-Hans" ><span>简体中文</span></a><a href="/ja/" lang="ja" dir="auto" hreflang="ja" ><span>日本語</span></a><a href="/ko/" lang="ko" dir="auto" hreflang="ko" ><span>한국어</span></a><a href="/vi/" lang="vi" dir="auto" hreflang="vi" ><span>Tiếng Việt</span></a><a href="/id/" lang="id" dir="auto" hreflang="id" ><span>Bahasa Indonesia</span></a><a href="/th/" lang="th" dir="auto" hreflang="th" ><span>ไทย</span></a><a href="/es/" lang="es" dir="auto" hreflang="es" ><span>Español</span></a><a href="/pt-BR/" lang="pt-BR" dir="auto" hreflang="pt-BR" ><span>Português (Brasil)</span></a><a href="/fr/" lang="fr" dir="auto" hreflang="fr" ><span>Français</span></a><a href="/de/" lang="de" dir="auto" hreflang="de" ><span>Deutsch</span></a><a href="/ar/" lang="ar" dir="auto" hreflang="ar" ><span>العربية</span></a><a href="/hi/" lang="hi" dir="auto" hreflang="hi" ><span>हिन्दी</span></a></nav></details>
</div>
</header><details class="section-picker" id="section-picker"><summary aria-controls="section-options" aria-expanded="false">品牌規範 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m6 9 6 6 6-6" />
</svg>

</summary>
<nav id="section-options" aria-label="品牌規範"><a href="#idea">品牌故事</a><a href="#logo">標誌系統</a><a href="#colors">品牌色彩</a><a href="#type">字體與排版</a><a href="#icons">圖示與整合</a><a href="#usage">使用原則</a><a href="#downloads">資產下載</a></nav></details>
<aside>
<div class="aside-title">品牌規範<span>v0.5</span>
</div>
<nav aria-label="品牌規範"><a href="#idea">品牌故事</a><a href="#logo">標誌系統</a><a href="#colors">品牌色彩</a><a href="#type">字體與排版</a><a href="#icons">圖示與整合</a><a href="#usage">使用原則</a><a href="#downloads">資產下載</a></nav><a class="aside-download" href="/assets/nikuniku-identity-v0.5.zip" download>下載品牌套件 <span aria-hidden="true"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a>
<div class="aside-foot">nikuniku.ai<br>肉與骨， 形與動。</div>
</aside>
<main id="main" tabindex="-1">
<section class="hero" id="top">
<div class="hero-top"><span class="eyebrow">nikuniku.ai / 品牌識別指南</span><span class="version">v0.5</span>
</div>
<div class="hero-copy"><h1>肉與骨，<br>形與動。</h1><p>nikuniku.ai 專注人物肌膚與身體動作的影片生成研究。<br>這裡整理我們的品牌故事、標誌與使用規範。</p>
</div>
<div class="hero-art"><span class="art-caption">品牌識別指南</span><img src="/assets/nikuniku-icon-primary.svg" alt="nikuniku" width="600" height="380" fetchpriority="high">
<div class="hero-art-footer"><span>品牌符號</span><span>2026</span>
</div>
</div>
<div class="hero-bottom"><span class="candidate"><i></i>執行候選 · 非最終批准</span><a href="#logo">瀏覽規範 <span aria-hidden="true"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 5v14" />
  <path d="m19 12-7 7-7-7" />
</svg>

</span></a>
</div>
</section>
<section id="idea" class="section intro brand-story" aria-labelledby="story-title">
<div class="section-index">品牌故事</div>
<div class="two-col"><h2 id="story-title">為什麼叫<br>「肉肉」？</h2>
<div class="story-copy"><p class="story-lead">日文的「肉」讀作 niku。兩個 niku 連在一起，就是 nikuniku，我們叫它「肉肉」。名字有點俏皮，也很直接：我們關心的是人，以及人與人之間的互動。</p><div class="story-part"><h3>讓人物的動作更自然。</h3><p>靠近、轉身、肌膚相觸時，身體會如何移動？這是我們想做好的細節。模型研究以人體比例、解剖結構、肌膚質感，以及人與人之間的動作為核心，目標是減少畫面中讓人出戲的地方。</p></div><div class="story-part"><h3>口型、聲音，還有呼吸。</h3><p>說話、低吟、張口或呼氣，嘴部和身體的動作都不一樣。我們特別關注聲音與口型的對應，也研究呼吸、表情與動作如何接得自然，讓人物的表現更細緻。</p></div><div class="story-part"><h3>少一點操作，多一點創作。</h3><p>我們相信，AI 應該服務人。創作者說出想做的事，工具就該幫忙處理重複、繁瑣的步驟，把時間留給劇情、角色與鏡頭。這是我們設計自動化流程的方向。</p></div><div class="story-part"><h3>接進你習慣的工作流程。</h3><p>如果你已經用 AI 協助開發或創作，應該也能用同樣的方式接入我們。我們正規劃 API、CLI、MCP 與 Skills 等入口，讓你的工具能讀懂介面、串接任務，減少反覆搬資料與切換工具的麻煩。</p></div><div class="story-part"><h3>由你決定想表達什麼。</h3><p>我們主張不對合法創作施加內容審查，不以自己的題材偏好或審美替你做決定。我們也信任創作者會尊重他人的同意與權利，遵守使用所在地的法律，並為自己的作品負責。</p></div><p class="story-signoff">我們想做的，是讓你更順手地完成想拍的畫面。</p><a class="story-download" href="/assets/story/brand-story-zh-Hant.md" download>下載品牌故事 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a>
<div class="small-rule"><h3>標誌的由來</h3><p>肉片的外形、骨頭的鏤空，是這個標誌的起點。柔和的曲線與清楚的結構，呼應我們對人體質感與動作的關注。</p><h3 class="story-name-rule">我們的名字</h3><p>nikuniku.ai 始終以全小寫呈現。品牌標準字使用固定的向量輪廓；請使用原檔，不以字體重新排出。</p>
</div>
</div>
</div>
</section>
<section id="logo" class="section">
<div class="section-index">標誌系統</div>
<div class="section-heading"><h2>標誌與組合</h2><p>選擇組合與背景，預覽對應的正式資產檔。</p>
</div>
<div class="logo-tools">
<div class="segmented" role="group" aria-label="標誌系統"><button data-layout="horizontal" aria-pressed="true">橫式</button><button data-layout="stacked" aria-pressed="false">縱式</button><button data-layout="icon" aria-pressed="false">符號</button><button data-layout="wordmark" aria-pressed="false">標準字</button></div>
<div class="backgrounds" role="group" aria-label="品牌色彩"><button class="bg-ivory" data-bg="ivory" aria-pressed="true" aria-label="骨白" title="骨白"></button><button class="bg-ink" data-bg="ink" aria-pressed="false" aria-label="墨黑" title="墨黑"></button><button class="bg-neutral" data-bg="neutral" aria-pressed="false" aria-label="中性灰" title="中性灰"></button></div>
</div>
<div class="logo-stage" id="logo-stage" data-primary="彩色" data-mono="單色" data-reverse="反白"><img id="active-logo" src="/assets/nikuniku-horizontal-primary.svg" alt="nikuniku.ai" width="640" height="240"><span class="stage-label">橫式 / 彩色</span>
</div>
<div class="stage-bottom"><span id="asset-name">nikuniku-horizontal-primary.svg</span><a id="active-download" href="/assets/nikuniku-horizontal-primary.svg" download>下載此 SVG <span aria-hidden="true"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a>
</div>
<div class="spacing-block">
<div><h3>標誌周圍的留白</h3><p>保留完整比例與負空間。組合標誌四周至少保留 1x，建議 2x；x 為標準字主竪筆畫寬度。獨立符號至少保留其高度的 10%。</p><button class="text-button" id="spacing-toggle" aria-pressed="false" data-show="顯示留白參考" data-hide="隱藏留白參考">顯示留白參考</button>
</div>
<div class="spacing-demo">
<div class="spacing-box"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-26.539388130224385 -17.838137789433326 1133.5393881302243 273.4875924383998" class="clear-space-vector" role="img" aria-label="nikuniku.ai"><title>nikuniku.ai</title><path fill="#171717" fill-rule="evenodd" d="M 0 110 L 0 38 L 21 38 L 21 46 C 37 29 73 34 73 65 L 73 110 L 51 110 L 51 68 C 51 48 22 48 22 69 L 22 110 Z" transform="translate(315 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 4 38 L 26 38 L 26 110 L 4 110 Z M 15 5 C 31 5 31 29 15 29 C -1 29 -1 5 15 5 Z" transform="translate(399 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 0 5 L 22 5 L 22 66 L 49 38 L 77 38 L 47 69 L 80 110 L 52 110 L 31 83 L 22 92 L 22 110 L 0 110 Z" transform="translate(439 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 0 38 L 22 38 L 22 80 C 22 99 51 99 51 80 L 51 38 L 73 38 L 73 81 C 73 124 0 124 0 81 Z" transform="translate(525 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 0 110 L 0 38 L 21 38 L 21 46 C 37 29 73 34 73 65 L 73 110 L 51 110 L 51 68 C 51 48 22 48 22 69 L 22 110 Z" transform="translate(609 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 4 38 L 26 38 L 26 110 L 4 110 Z M 15 5 C 31 5 31 29 15 29 C -1 29 -1 5 15 5 Z" transform="translate(693 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 0 5 L 22 5 L 22 66 L 49 38 L 77 38 L 47 69 L 80 110 L 52 110 L 31 83 L 22 92 L 22 110 L 0 110 Z" transform="translate(733 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 0 38 L 22 38 L 22 80 C 22 99 51 99 51 80 L 51 38 L 73 38 L 73 81 C 73 124 0 124 0 81 Z" transform="translate(819 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 14 87 C 30 87 30 111 14 111 C -2 111 -2 87 14 87 Z" transform="translate(903 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 73 38 L 73 110 L 52 110 L 52 102 C 28 123 0 104 0 74 C 0 43 28 25 52 45 L 52 38 Z M 37 56 C 16 56 16 93 37 93 C 58 93 58 56 37 56 Z" transform="translate(940 55) scale(1)"/><path fill="#171717" fill-rule="evenodd" d="M 4 38 L 26 38 L 26 110 L 4 110 Z M 15 5 C 31 5 31 29 15 29 C -1 29 -1 5 15 5 Z" transform="translate(1026 55) scale(1)"/><path fill="#B62C45" fill-rule="evenodd" d="M 134 351 C 70 336 22 273 6 196 C -13 112 6 54 60 20 C 113 -14 169 -1 223 37 C 283 79 309 125 414 151 C 477 163 528 179 537 237 C 550 313 494 352 400 360 C 389 361 383 355 383 343 L 383 292 C 382 231 345 198 290 187 C 257 180 230 186 209 170 C 188 155 182 133 194 111 C 214 80 200 58 181 56 C 160 52 148 63 138 78 C 131 90 119 86 105 84 C 81 79 63 94 62 115 C 60 140 76 155 99 158 C 129 162 146 181 147 210 L 147 334 C 147 346 144 353 134 351 Z" transform="translate(28 36) scale(0.46)"/><path fill="#B62C45" fill-rule="evenodd" d="M 215 360 L 215 289 C 215 253 238 229 267 229 C 298 229 321 254 321 289 L 321 360 Z" transform="translate(28 36) scale(0.46)"/><g class="space-guides" fill="none" stroke="#B62C45" stroke-width="2"><rect x="5.460611869775615" y="14.161862210566674" width="1069.5393881302243" height="209.4875924383998" stroke-dasharray="8 5"/><rect x="-16.539388130224385" y="-7.8381377894333255" width="1113.5393881302243" height="253.4875924383998" stroke-dasharray="2 5"/><path d="M5.460611869775615 211.64945464896647h22"/><text x="32.46061186977562" y="217.64945464896647" fill="#B62C45" stroke="none" font-size="18" font-family="Arial">1x = 22</text></g></svg></div><span class="spacing-measure" hidden>安全留白 · 精確向量比例</span>
</div>
</div>
<div class="minimums">
<div><strong>32<span>px</span></strong><p>符號建議最小高度</p>
</div>
<div><strong>240<span>px</span></strong><p>橫式建議最小寬度</p>
</div><p>以上為螢幕顯示的最小尺寸建議；印刷與特殊材質請另行打樣確認。</p>
</div>
</section>
<section id="colors" class="section">
<div class="section-index">品牌色彩</div>
<div class="section-heading"><h2>品牌色彩</h2><p>胭脂紅用於品牌重點，骨白用於背景。展示人物與模型效果時，保留原本的色彩，不套用品牌色濾鏡。</p>
</div>
<div class="palette"><button class="swatch red" data-copy="#B62C45" style="--swatch:#B62C45" aria-label="胭脂紅 #B62C45"><span class="color-chip"></span><span class="color-name">胭脂紅</span><span class="color-code">#B62C45 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
</svg>

</span></button><button class="swatch ivory" data-copy="#F5ECDD" style="--swatch:#F5ECDD" aria-label="骨白 #F5ECDD"><span class="color-chip"></span><span class="color-name">骨白</span><span class="color-code">#F5ECDD <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
</svg>

</span></button><button class="swatch ink" data-copy="#171717" style="--swatch:#171717" aria-label="墨黑 #171717"><span class="color-chip"></span><span class="color-name">墨黑</span><span class="color-code">#171717 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
</svg>

</span></button><button class="swatch neutral" data-copy="#F3F3F3" style="--swatch:#F3F3F3" aria-label="中性灰 #F3F3F3"><span class="color-chip"></span><span class="color-name">中性灰</span><span class="color-code">#F3F3F3 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
</svg>

</span></button></div><p class="micro">點擊複製 HEX 色值 · sRGB</p>
</section>
<section id="type" class="section type-section">
<div class="section-index">字體與排版</div>
<div class="section-heading"><h2>字體與文字風格</h2><p>標準字請使用現成圖檔；正文使用系統字體，方便閱讀。</p>
</div>
<div class="wordmark-spec"><span class="eyebrow">標準字 / 固定輪廓</span><img src="/assets/nikuniku-wordmark-mono.svg" alt="nikuniku.ai" width="800" height="180">
</div>
<div class="type-grid">
<div><span class="eyebrow">正文 / 系統字體</span><h3 class="type-headline">讓人物成為鏡頭的中心。</h3><p>把事情說清楚，像和人說話一樣。少用口號，說明實際用途；涉及能力與效果時，提供可查證的依據。</p>
<div class="alphabet">肉與骨・聲息與動作 · 0123456789</div><p class="format-sample"><small>日期與數字範例</small><br><bdi>2026年10月30日 · 1,234.56</bdi></p>
</div>
<div class="code-sample"><span class="eyebrow">程式碼與介面 / 系統等寬字型</span><pre dir="ltr"><code>nikuniku.ai

Flesh. Bone. Motion.

Aa Bb Cc Dd Ee Ff Gg
0123456789

[ UPPERCASE ]
{ lowercase }</code></pre><span class="code-caption">API · CLI · SDK · MCP · NO_COLOR</span>
</div>
</div><div class="case-rules"><h3>大小寫與字級</h3><p>始終全小寫，句首也不例外。</p><div class="case-example"><span>標準寫法</span><strong>nikuniku.ai</strong></div><div class="case-example incorrect"><span>避免使用</span><del>NikuNiku · NIKUNIKU.AI</del></div><p>英文介面採句首大寫；技術名稱保留正式拼法。程式碼、檔名與路徑保留真實語法。</p><code>API · CLI · SDK · MCP · SVG · JSON · ComfyUI</code><table><caption>字體與文字風格</caption><thead><tr><th scope="col">用途</th><th scope="col">字級</th></tr></thead><tbody><tr><td>正文</td><td>16px / 1.7</td></tr><tr><td>次要說明</td><td>14px / 1.6</td></tr><tr><td>中繼資料</td><td>12px / 1.5</td></tr><tr><td>操作控制</td><td>14–16px</td></tr><tr><td>標題</td><td>36–72px</td></tr></tbody></table></div><div class="language-spec"><span class="eyebrow">多語言表達</span><p>English · 繁體中文 · 简体中文 · 日本語 · 한국어 · Tiếng Việt · Bahasa Indonesia · ไทย · Español · Português (Brasil) · Français · Deutsch · العربية · हिन्दी</p><small>本頁正文採用裝置系統字體，不載入或分發外部字型。</small>
</div>
</section>
<section id="icons" class="section"><div class="section-heading"><h2>圖示與使用情境</h2><p>品牌符號、平台圖示與功能圖示，各有用途。依使用情境下載正確資產。</p></div><div class="icon-subsection"><h3>平台圖示</h3><p>瀏覽器分頁使用光學簡化符號；應用與頭像保留原始輪廓，加入裁切安全留白。</p><div class="platform-grid"><a class="platform-platform_favicon" href="/assets/platform/favicon.svg" download aria-label="下載 · 分頁圖示 · 淺色背景 · SVG"><img src="/assets/platform/favicon.svg" alt="分頁圖示 · 淺色背景" width="96" height="96"><span>分頁圖示 · 淺色背景</span><code>SVG</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="platform-platform_dark" href="/assets/platform/favicon-dark.svg" download aria-label="下載 · 分頁圖示 · 深色背景 · SVG"><img src="/assets/platform/favicon-dark.svg" alt="分頁圖示 · 深色背景" width="96" height="96"><span>分頁圖示 · 深色背景</span><code>SVG</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="platform-platform_ico" href="/assets/platform/favicon.ico" download aria-label="下載 · 分頁圖示 · ICO · 16 / 32 / 48"><img src="/assets/platform/favicon.svg" alt="分頁圖示 · ICO" width="96" height="96"><span>分頁圖示 · ICO</span><code>16 / 32 / 48</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="platform-platform_touch" href="/assets/platform/app-180.png" download aria-label="下載 · Apple 觸控圖示 · PNG · 180"><img src="/assets/platform/app-180.png" alt="Apple 觸控圖示" width="96" height="96"><span>Apple 觸控圖示</span><code>PNG · 180</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="platform-platform_app" href="/assets/platform/app-512.png" download aria-label="下載 · 應用程式圖示 · PNG · 512"><img src="/assets/platform/app-512.png" alt="應用程式圖示" width="96" height="96"><span>應用程式圖示</span><code>PNG · 512</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="platform-platform_avatar" href="/assets/platform/avatar-512.png" download aria-label="下載 · 社群頭像 · PNG · 512"><img src="/assets/platform/avatar-512.png" alt="社群頭像" width="96" height="96"><span>社群頭像</span><code>PNG · 512</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a></div></div><div class="icon-subsection"><h3>功能圖示</h3><p>功能圖示統一使用 Lucide：24 × 24 原始網格、2 單位線寬、currentColor。顯示時依尺寸等比縮放。下載、播放與關閉等操作，使用大家熟悉的符號。</p><div class="ui-grid"><a href="/assets/ui/globe.svg" download aria-label="下載 globe.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <circle cx="12" cy="12" r="10" />
  <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
  <path d="M2 12h20" />
</svg>

</span><code>globe</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/download.svg" download aria-label="下載 download.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span><code>download</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/arrow-up-right.svg" download aria-label="下載 arrow-up-right.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span><code>arrow-up-right</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/arrow-up.svg" download aria-label="下載 arrow-up.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m5 12 7-7 7 7" />
  <path d="M12 19V5" />
</svg>

</span><code>arrow-up</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/arrow-down.svg" download aria-label="下載 arrow-down.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 5v14" />
  <path d="m19 12-7 7-7-7" />
</svg>

</span><code>arrow-down</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/x.svg" download aria-label="下載 x.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M18 6 6 18" />
  <path d="m6 6 12 12" />
</svg>

</span><code>x</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/check.svg" download aria-label="下載 check.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M20 6 9 17l-5-5" />
</svg>

</span><code>check</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/chevron-down.svg" download aria-label="下載 chevron-down.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m6 9 6 6 6-6" />
</svg>

</span><code>chevron-down</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/play.svg" download aria-label="下載 play.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" />
</svg>

</span><code>play</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/user-round.svg" download aria-label="下載 user-round.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <circle cx="12" cy="8" r="5" />
  <path d="M20 21a8 8 0 0 0-16 0" />
</svg>

</span><code>user-round</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/clapperboard.svg" download aria-label="下載 clapperboard.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m12.296 3.464 3.02 3.956" />
  <path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z" />
  <path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
  <path d="m6.18 5.276 3.1 3.899" />
</svg>

</span><code>clapperboard</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/audio-lines.svg" download aria-label="下載 audio-lines.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M2 10v3" />
  <path d="M6 6v11" />
  <path d="M10 3v18" />
  <path d="M14 8v7" />
  <path d="M18 5v13" />
  <path d="M22 10v3" />
</svg>

</span><code>audio-lines</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/image.svg" download aria-label="下載 image.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
  <circle cx="9" cy="9" r="2" />
  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" />
</svg>

</span><code>image</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/copy.svg" download aria-label="下載 copy.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
</svg>

</span><code>copy</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/terminal.svg" download aria-label="下載 terminal.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 19h8" />
  <path d="m4 17 6-6-6-6" />
</svg>

</span><code>terminal</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a href="/assets/ui/folder.svg" download aria-label="下載 folder.svg"><span class="icon-preview"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
</svg>

</span><code>folder</code><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a></div></div><div class="language-rule"><div class="globe-specimen"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <circle cx="12" cy="12" r="10" />
  <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" />
  <path d="M2 12h20" />
</svg>

</div><div><h3>語言切換</h3><p>現在與未來所有產品，一律使用地球圖示作為語言入口。選單以各語言原名顯示，不使用國旗代替語言。</p><p>地球圖示開啟語言清單；Escape 關閉並返回焦點；Tab 依序移動至語言連結。</p><div class="native-language-list"><bdi lang="en">English</bdi> · <bdi lang="zh-Hant">繁體中文</bdi> · <bdi lang="zh-Hans">简体中文</bdi> · <bdi lang="ja">日本語</bdi> · <bdi lang="ko">한국어</bdi> · <bdi lang="vi">Tiếng Việt</bdi> · <bdi lang="id">Bahasa Indonesia</bdi> · <bdi lang="th">ไทย</bdi> · <bdi lang="es">Español</bdi> · <bdi lang="pt-BR">Português (Brasil)</bdi> · <bdi lang="fr">Français</bdi> · <bdi lang="de">Deutsch</bdi> · <bdi lang="ar">العربية</bdi> · <bdi lang="hi">हिन्दी</bdi></div></div></div><div class="icon-subsection"><h3>整合歸屬徽章</h3><p>用來標示技術來源，不代表認證或合作。是否必須署名、能否使用白標，依另外確認的商用條款。徽章中的輔助文字與留白圖示註仍使用系統字體，並非全數轉為路徑。</p><div class="badge-grid"><a class="badge-preview light" href="/assets/badges/powered-by-light.svg" download><img src="/assets/badges/powered-by-light.svg" alt="powered by nikuniku.ai" width="320" height="68"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="badge-preview dark" href="/assets/badges/powered-by-dark.svg" download><img src="/assets/badges/powered-by-dark.svg" alt="powered by nikuniku.ai" width="320" height="68"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="badge-preview light" href="/assets/badges/built-with-light.svg" download><img src="/assets/badges/built-with-light.svg" alt="built with nikuniku.ai" width="320" height="68"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a><a class="badge-preview dark" href="/assets/badges/built-with-dark.svg" download><img src="/assets/badges/built-with-dark.svg" alt="built with nikuniku.ai" width="320" height="68"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</a></div></div></section><section id="usage" class="section">
<div class="section-index">使用原則</div>
<div class="section-heading"><h2>使用原則</h2>
</div>
<div class="usage-grid"><article class="usage-card"><div class="usage-visual good"><img src="/assets/nikuniku-horizontal-reverse.svg" alt="保留比例與透明負空間" width="300" height="100"></div><span class="usage-tag">正確使用</span><h3>保留比例與透明負空間</h3><p>在純色背景上使用對應版本，複雜影像上先放置留白容器。</p></article><article class="usage-card"><div class="usage-visual distorted"><img src="/assets/nikuniku-horizontal-mono.svg" alt="不要拉伸、旋轉或改字距" width="300" height="100"></div><span class="usage-tag">避免變形</span><h3>不要拉伸、旋轉或改字距</h3><p>需要更精簡的標識時，使用獨立符號，不截斷品牌名稱。</p></article><article class="usage-card"><div class="usage-visual decorated"><img src="/assets/nikuniku-horizontal-primary.svg" alt="不要加陰影、漸層或描邊" width="300" height="100"></div><span class="usage-tag">避免裝飾</span><h3>不要加陰影、漸層或描邊</h3><p>不填死骨頭負空間，不讓照片穿過標準字。</p></article></div>
</section>
<section id="downloads" class="section downloads">
<div class="section-index">資產下載</div>
<div class="section-heading"><h2>需要的檔案，<br>都在這裡。</h2><p>向量、透明 PNG、平台圖示與規範文件，依用途提供。</p>
</div><a class="download-feature" href="/assets/nikuniku-identity-v0.5.zip" download>
<div><span class="eyebrow">nikuniku.ai identity v0.5</span><h3>完整品牌包</h3><p>十四語品牌套件，包含 SVG、PNG、平台圖示、規範及來源授權。</p>
</div><span>下載 ZIP <b aria-hidden="true"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</b></span></a>
<div class="download-list"><button id="browse-assets"><span><strong>向量標誌</strong><small>四種組合，彩色、單色與反白。</small></span><span>查看全部 SVG <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></button><a href="/assets/guidelines/nikuniku-guidelines-zh-Hant.pdf" download><span><strong>品牌規範 PDF</strong><small>品牌、排版、圖示與語言入口規範。</small></span><span>下載 PDF <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/brand-tokens.json" download><span><strong>設計 tokens</strong><small>色彩、尺寸與版本的 JSON 資料。</small></span><span>下載 JSON <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a>
</div><div class="download-list"><a href="/assets/nikuniku-logos-svg-v0.5.zip" download><span><strong>向量標誌</strong><small>SVG · 12</small></span><span>下載向量標誌 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a><a href="/assets/nikuniku-logos-png-v0.5.zip" download><span><strong>Logo PNG 包</strong><small>12 個向量標誌的透明匯出檔，寬度 2240px。</small></span><span>下載 PNG <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a><a href="/assets/nikuniku-icons-v0.5.zip" download><span><strong>品牌與平台檔案</strong><small>功能圖示與授權聲明</small></span><span>下載圖示包 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a><a href="/assets/nikuniku-badges-v0.5.zip" download><span><strong>整合歸屬徽章</strong><small>用來標示技術來源，不代表認證或合作。是否必須署名、能否使用白標，依另外確認的商用條款。徽章中的輔助文字與留白圖示註仍使用系統字體，並非全數轉為路徑。</small></span><span>下載徽章包 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a><a href="/assets/guidelines/guidelines-zh-Hant.md" download><span><strong>規範文件</strong><small>各語言 PDF、Markdown，以及機器可讀規則。</small></span><span>下載使用規範 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a><a href="/assets/brand-manifest.json" download><span><strong>資產清單</strong><small>每個下載檔案均記錄版本、用途、來源與 SHA-256。</small></span><span>下載清單 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a></div><p class="localization-note">每個語言版本獨立維護文案。目前完成 AI 編輯檢查，不代表母語者審校或法律批准。</p><div class="download-list"><a href="/assets/nikuniku-rebrand-kit-v0.1.zip" download><span><strong>模型廠商品牌置換包</strong><small>置換清單、AI 資源索引與可編輯版式模板；供本地候選預覽。</small></span><span>ZIP · v0.1 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 15V3" />
  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  <path d="m7 10 5 5 5-5" />
</svg>

</span></a></div><ul class="rebrand-links"><li><a href="/assets/rebrand-kit-v0.1/computed-motion.html" lang="zh-Hans">计算式图形 / 动态规范与网页示范（中文）</a></li><li><a href="/assets/rebrand-kit-v0.1/artwork.html" lang="zh-Hans">成品封面 / 工作流图 / 视频包装（中文）</a></li><li><a href="/assets/rebrand-kit-v0.1/engine-handoff.html" lang="zh-Hans">引擎 / 模型置换说明与对照表（中文）</a></li><li><a href="/assets/rebrand-kit-v0.1/llms.txt" download>llms.txt</a></li><li><a href="/assets/rebrand-kit-v0.1/catalog.json" download>catalog.json</a></li><li><a href="/assets/rebrand-kit-v0.1/preview.html" lang="en">preview.html (English)</a></li></ul><div class="version-note"><h3>版本 0.5</h3><p>實作候選版。已記錄 AI 編輯檢查；不代表真人母語審校或法律核准。</p>
</div>
</section>
<footer><img src="/assets/nikuniku-wordmark-mono.svg" alt="nikuniku.ai" width="180" height="40"><span>nikuniku.ai / v0.5 / 2026</span><a href="#top">回到頂部 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="m5 12 7-7 7 7" />
  <path d="M12 19V5" />
</svg>

</a>
</footer>
</main>
<div class="toast" role="status" aria-live="polite" data-copied="已複製" data-failed="無法自動複製，請選取色值">
</div>
<dialog id="asset-dialog" aria-labelledby="dialog-title">
<div class="dialog-heading"><h2 id="dialog-title">完整標誌資產</h2><button id="close-dialog" aria-label="關閉資產清單"><svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M18 6 6 18" />
  <path d="m6 6 12 12" />
</svg>

</button>
</div>
<div class="asset-grid"><a href="/assets/nikuniku-horizontal-primary.svg" download><div class="asset-preview primary"><img src="/assets/nikuniku-horizontal-primary.svg" alt="nikuniku.ai horizontal primary" width="240" height="100" loading="lazy"></div><span>橫式 / 彩色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-horizontal-mono.svg" download><div class="asset-preview mono"><img src="/assets/nikuniku-horizontal-mono.svg" alt="nikuniku.ai horizontal mono" width="240" height="100" loading="lazy"></div><span>橫式 / 單色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-horizontal-reverse.svg" download><div class="asset-preview reverse"><img src="/assets/nikuniku-horizontal-reverse.svg" alt="nikuniku.ai horizontal reverse" width="240" height="100" loading="lazy"></div><span>橫式 / 反白 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-stacked-primary.svg" download><div class="asset-preview primary"><img src="/assets/nikuniku-stacked-primary.svg" alt="nikuniku.ai stacked primary" width="240" height="100" loading="lazy"></div><span>縱式 / 彩色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-stacked-mono.svg" download><div class="asset-preview mono"><img src="/assets/nikuniku-stacked-mono.svg" alt="nikuniku.ai stacked mono" width="240" height="100" loading="lazy"></div><span>縱式 / 單色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-stacked-reverse.svg" download><div class="asset-preview reverse"><img src="/assets/nikuniku-stacked-reverse.svg" alt="nikuniku.ai stacked reverse" width="240" height="100" loading="lazy"></div><span>縱式 / 反白 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-icon-primary.svg" download><div class="asset-preview primary"><img src="/assets/nikuniku-icon-primary.svg" alt="nikuniku.ai icon primary" width="240" height="100" loading="lazy"></div><span>符號 / 彩色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-icon-mono.svg" download><div class="asset-preview mono"><img src="/assets/nikuniku-icon-mono.svg" alt="nikuniku.ai icon mono" width="240" height="100" loading="lazy"></div><span>符號 / 單色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-icon-reverse.svg" download><div class="asset-preview reverse"><img src="/assets/nikuniku-icon-reverse.svg" alt="nikuniku.ai icon reverse" width="240" height="100" loading="lazy"></div><span>符號 / 反白 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-wordmark-primary.svg" download><div class="asset-preview primary"><img src="/assets/nikuniku-wordmark-primary.svg" alt="nikuniku.ai wordmark primary" width="240" height="100" loading="lazy"></div><span>標準字 / 彩色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-wordmark-mono.svg" download><div class="asset-preview mono"><img src="/assets/nikuniku-wordmark-mono.svg" alt="nikuniku.ai wordmark mono" width="240" height="100" loading="lazy"></div><span>標準字 / 單色 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a><a href="/assets/nikuniku-wordmark-reverse.svg" download><div class="asset-preview reverse"><img src="/assets/nikuniku-wordmark-reverse.svg" alt="nikuniku.ai wordmark reverse" width="240" height="100" loading="lazy"></div><span>標準字 / 反白 <svg class="ui-icon" aria-hidden="true" focusable="false"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 7h10v10" />
  <path d="M7 17 17 7" />
</svg>

</span></a></div>
</dialog><!--
ISC License

Copyright (c) 2026 Lucide Icons and Contributors

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

===

The following Lucide icons are derived from the Feather project:

airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out

The MIT License (MIT) (for the icons listed above)

Copyright (c) 2013-present Cole Bemis

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

--></body></html>