> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/2.0-shi-zhuang-yun/2.22025-shuang-bei-shi-zhuang-yun/2.2.1-shuang-bei-shi-zhuang-yun.md).

# 2.2.1-雙北世壯運

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>介紹2025雙北世壯運背景資料，提供使用者理解賽事內容與理念</td><td></td></tr><tr><td>網址URL</td><td>/wmg</td><td></td></tr><tr><td>【頁籤名稱】 網址</td><td><ul><li>【願景目標】      /wmg/1</li><li>【城市介紹】     /wmg/2</li><li>【品牌識別】     /wmg/3</li><li>【吉祥物】         /wmg/4</li><li>【永續計劃】     /wmg/5</li></ul></td><td></td></tr><tr><td>Page Title</td><td>雙北世壯運｜2025雙北世界壯年運動會</td><td></td></tr><tr><td>Page Description</td><td>2025年世界壯年運動會將於台灣的臺北市與新北市舉辦，本屆賽事旨在推廣中壯年運動精神，促進全球文化交流與健康生活。雙北世壯運的品牌識別代表多元與活力，吉祥物則象徵著友誼與競技精神，展現兩大城市共同主辦的熱情與願景。</td><td></td></tr><tr><td>OG Image設定</td><td>使用全站用<a href="/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#og-image">OG:Image</a></td><td></td></tr></tbody></table>

{% hint style="info" %}
完整清單，請點選前往[全站Meta Data設定清單](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=150750486#gid=150750486)
{% endhint %}

***

### 功能簡述

{% hint style="info" %}

* 頁面介紹2025雙北世壯運背景資料，提供使用者快速瞭解本屆賽事內容
* 共有 5 個頁籤
  * 願景目標
  * 城市介紹
  * 品牌識別
  * 吉祥物
  * 永續計劃
    {% endhint %}

### 設計規格

{% tabs %}
{% tab title="【願景目標】 頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F49w4SXKlvT7uwKXr5ZYJ%2FFrame%20627126.png?alt=media&amp;token=b5ad87bb-7063-42c1-a4b6-8a24100f0857" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="【城市介紹】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F0Prq5fFkNFgn3bMrRLBi%2FFrame%20627128.png?alt=media&amp;token=76460929-2740-408b-b5f1-f9a3917b4f8d" alt=""><figcaption></figcaption></figure>

* **城市切換按鈕**
  * 點選切換按鈕，可切換下方主辦城市＆協辦城市介紹內容
  * 主辦城市，共2個：
    * 臺北市
    * 新北市

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FDjyyvq0IFW0aJPfhrZRj%2FFrame%20627129.png?alt=media&amp;token=cedba9cb-2459-4ab1-bc00-682b7e74a526" alt=""><figcaption><p>主辦城市</p></figcaption></figure>

* 協辦城市，共4個：
  * 宜蘭縣
  * 桃園市
  * 新竹市
  * 新竹縣

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F4h68KCAFHfMY02UopFf6%2FFrame%20627130.png?alt=media&amp;token=bec45878-9fa3-44ad-90a2-07df9107b747" alt=""><figcaption><p>協辦城市</p></figcaption></figure>
{% endtab %}

{% tab title="【品牌識別】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FSb6RPYgSqpbcoM7Yx4jX%2FFrame%20627135.png?alt=media&amp;token=8170c8eb-4c48-447c-8359-0c2c55e113cb" alt=""><figcaption></figcaption></figure>

1. **播放暫停按鈕**
   1. 主題曲MP3檔案，[點此下載檔案](https://drive.google.com/file/d/1vYL-xFLJce7uHzCIVwQFlOBuPfpDXW_F/view?usp=drive_link)
   2. 預設狀態下，點選播放按鈕，按鈕切換為【播放中狀態】，可播放主題曲MP3
   3. 播放狀態下，點選按鈕切換為【未播放狀態】，並停止播放MP3
   4. 當主題曲播放至完畢時，自動切換為【未播放狀態】，並回復至預設狀態
   5. 狀態示意如下

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F4qHOWn3etEq1Sf2ph87z%2FFrame%20627134.png?alt=media&amp;token=fe1ce3a2-3250-4900-b9b0-1209eb3fac23" alt=""><figcaption></figcaption></figure>

2. **歌詞列**
   1. 歌詞秒數設定，[點此前往清單](https://docs.google.com/spreadsheets/d/1UdfymP3DKYGAwW07Uwt3sKYcpEUYo5sVBeTwKSZZ4QU/edit?gid=495160204#gid=495160204)
   2. 當進入播放中狀態，會隨著歌曲秒數，顯示歌詞定位條(明顯化)，\
      標示目前演唱進度，示意如下：

<div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FDsBix53jUSneIIwQFpOf%2F%E6%88%AA%E5%9C%96%202024-11-12%2011.50.13.png?alt=media&amp;token=59f81ae6-7b83-4db1-8595-f8b38454c220" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="【吉祥物】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FENTCNg1nX431WJgG9QwE%2FFrame%20627237.png?alt=media&amp;token=aebd93c7-6d41-43d2-b907-9e4272f7d15b" alt=""><figcaption></figcaption></figure>

1. **故事左右切換列**
   1. 點選左右按鈕切換故事內容，共有章節1 ～章節5，5個卡片內容
2. **表情左右切換列**
   1. 點選左右按鈕切換前後壯寶表情介紹內容，共有8種表情內容
3. **運動種類左右切換列**
   1. 點選左右按鈕切換前後壯寶運動種類介紹內容，共有46種運動種類(含帕拉項目)
      {% endtab %}

{% tab title="【永續計劃】頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FoYjsgmo4faNuqOFXZmsG%2FFrame%20627136.png?alt=media&amp;token=84a8a188-1d15-4721-bf56-ea08ce06da6a" alt=""><figcaption></figcaption></figure>

1. **永續計劃書下載**
   1. 點選下載永續計劃書PDF，檔案如連結
      {% endtab %}
      {% endtabs %}

### 連結設定

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[2.2.1-雙北世壯運連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=2050915282#gid=2050915282)
{% endhint %}

### UI設計檔

{% tabs %}
{% tab title="願景目標頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-182799&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="城市介紹頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-182809&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="品牌識別頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-182907&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="吉祥物頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-183083&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="永續計劃頁籤" %}
{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=7101-183091&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}
{% endtabs %}

### 原始資料來源

* [願景目標](https://docs.google.com/document/d/1K4NA1mbyadrM67yyn_fTG96o6JlM3QBe/edit)
* [主協辦城市介紹](https://docs.google.com/document/d/1QoNQYCxGAY-ZpNKPQopy-JSkJOLVs2PW/edit)
* [標誌標語](https://docs.google.com/document/d/1iNaR1AzEGEVLMTfSczpxzDOp0KHi7p2n/edit)
* [品牌識別素材](https://drive.google.com/drive/u/1/folders/1zelDG2EdBfllo42A84ZebT8CxA_ksvQK)
* [主題曲歌詞](https://docs.google.com/document/d/1xbALQ8h3lkJh6A0bYMTr6tP4szv_utBt/edit)
* [吉祥物](https://docs.google.com/document/d/1DsACnLsxFoWx7A_lfDO_44VtH5p_8VOO/edit)
* [吉祥物素材](https://drive.google.com/drive/u/1/folders/1NweUs3IhP4C22BrckFrDKiWByqfWlXJR)
* [永續計劃](https://docs.google.com/document/d/1fyrJ7GNQZ-uatEaLpOTaGPfx8SZri42jbCabPW8qiGE/edit?tab=t.0)

***

### 修訂記錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td></td><td></td><td></td><td></td></tr></tbody></table>