2026 台東博覽會 Taitung Expo

縣政府辦的「2026 台東博覽會」活動網站，主題是「Slow for life」。白色的頁首：左邊一個藍色熱氣球的標誌和「台東博覽會 2026 TAITUNG EXPO」，右邊一排深灰的小字導覽和一顆細框膠囊「EN」，下面一條很淡的藍色陰影。第一屏是一整片深藍（#003893）：左上白色的「2026 TAITUNG EXPO 台東博覽會 — Slow for life」和幾個 # 標籤，右上黃色的大字日期「07/03 Fri. ｜ 08/20 Thu.」，中間一顆黃色的太陽、幾條半透明的淺藍色帶子劃過，「S L O W F O R L I F E」的字母一個一個散開排。

往下：深藍底的一段白色細字介紹，接一條黃色（#F1E462）的大弧形，黃色的段落裡放宣傳影片；一條「EXPO 2026 SLOW FOR LIFE」的藍灰字跑馬燈；中藍底（#3858A1）的「最新消息」，白卡片橫向輪播；白底的「展區一覽」，一排細框膠囊的展區分頁（A 舊站特區、B 就藝會…）、左邊地圖、右邊編號的展區列表；最後是一圈白色的波浪線條接深藍的頁尾。右下角固定三顆圓形按鈕（交通資訊、展區地圖、TOP）。

整體是清爽的海島夏天：深藍、中藍和黃色的大色塊，太陽、帶子、波浪這些簡單的幾何圖形，按鈕是細框的膠囊。

• Primary（#003893）：深藍，第一屏和頁尾的底；#003A94 幾乎一樣。

• Blue mid（#3858A1）、Blue bright（#2557A5）：最新消息那段的中藍底；展區分頁的藍字、細框和選到時的藍底。

• Yellow（#F1E462）：太陽、日期、影片那段的黃色大弧形。

• Sky（#5D97C4）、Sky light（#81AFDC）：跑馬燈裡的「SLOW FOR LIFE」、# 標籤、右下角的圓形按鈕、第一屏劃過的帶子。

• Ice（#EFF5F9）：跑馬燈那條的淡藍底。

• Canvas（#FFFFFF）：頁首、新聞卡片、展區一覽的白。

• Text（#0A0C00）、Text muted（#4D4D4D）、Heading gray（#717071）：深色的字、導覽、跑馬燈裡的「EXPO 2026」。

• Sand（#E8E0D0）：地圖上的淺沙色。

中文用 Noto Sans TC，英文和數字用 Unbounded（Google Fonts 的寬圓角幾何字），「EN」用 Poppins。

• 第一屏的「台東博覽會」和日期是圖片和大字（日期是黃色的粗體）。

• 段落標題「最新消息」「展區一覽」30px／700、字距 3px。

• 跑馬燈「EXPO 2026 SLOW FOR LIFE」20px／500 的 Unbounded，灰和藍交替。

• 新聞標題 20px／500、行高 35px；日期 18px 的 Unbounded。

• 介紹文字 18px／300、行高 31.5px、字距 1.8px，白字。

• 導覽 15px／500、字距 1px；按鈕「MORE」「READ MORE」14px／600 的 Unbounded 大寫。

• 內容寬度約 1080px 置中；色塊（深藍、黃、中藍）都是滿版。

• 頁首 88px 高、白底，固定在最上面，下面一條淡藍的陰影。

• 段落之間用大的弧形、波浪和一條跑馬燈分開，不用直線。

• 最新消息是橫向的卡片輪播，左右兩顆白色的圓形箭頭。

• 展區一覽：上面一排展區分頁，下面左邊地圖、右邊捲動的展區列表（每一項前面一個編號的方塊和熱氣球圖示）。

• 右下角固定三顆圓形按鈕。

Responsive

• 375px 寬時，頁首剩「EN」、標誌和選單；第一屏改成直式，「2026 TAITUNG EXPO 台東博覽會」在上、太陽和「S L O W」在中間、介紹文字在下面。

陰影很淡，只有一種：頁首和圓形按鈕下面 0 4px 4px、8% 的藍色陰影。其他的層次靠大色塊、弧形和波浪的交界。

• 按鈕和分頁是膠囊（細框）；右下角的按鈕和輪播箭頭是正圓。

• 太陽是正圓、帶子是半透明的弧形、段落交界是大弧形和波浪線。

• 新聞卡片和照片是直角。

• MORE 按鈕：透明底、1px 白框的膠囊，白字 14px／600 的 Unbounded 大寫，後面一個 ↗，高 43px，上下 12px、左右 29px；白底上的是白底、深灰框。

• EN：透明底、2px 深灰框的膠囊，高 36px。

• READ MORE：沒有框，下面一條 2px 的線，14px 大寫加 ↗。

• 新聞卡片：白底直角，上面照片，下面 Unbounded 的日期和兩行標題、READ MORE。

• 展區分頁：白底、1px 藍框的膠囊，藍字「A 舊站特區」；選到的是藍底白字。

• 圓形按鈕：淺藍底、白色圖示和小字的正圓，有很淡的陰影，固定在右下角。

• 頁尾：深藍底、白字 14px／300、字距 2px，置中，上面一圈白色的波浪線。

• 要用深藍、中藍和黃色的大色塊，白底只放資訊（新聞、展區）。

• 用太陽、帶子、波浪、弧形這些簡單的幾何圖形帶出海島和「慢」的感覺。

• 英文和數字用寬圓角的 Unbounded，中文用 Noto Sans TC 細一點的字重。

• 按鈕做成細框的膠囊，不要實心的大按鈕。

• 不要加明顯的陰影；段落之間用弧形和波浪接，不要用直線切。