臺北伊斯特職業排球隊 East Power

職業排球隊臺北伊斯特（East Power）的官網。頁首是白底一列：左邊兔子忍者的隊徽，中間一排黑色粗體的導覽（賽事資訊、關於我們、Tokki Cutie、伊忍村家族、線上商城、最新消息）和一顆橘框的膠囊「兔之助粧粧」，右邊語言、購物車、會員和一顆橘色的方形按鈕。第一屏是滿版的應援團主視覺。

往下是一段接一段的球隊資訊：賽程卡片（下一場的日期、倒數）、積分排名、「幻燃伊心」的口號、購票／第一次來看球／加入伊忍村三張卡片、斜斜跑過的黑底「EAST POWER」跑馬燈、新聞、球員、啦啦隊 Tokki Cutie、會員、商品、看球指南、贊助商、社群，最下面是淡橘色的大頁尾。每段的標題都是 Teko 的超粗窄體英文大寫（NEWS、PLAYERS、FAN ZONE），上面一行小小的橘色中文，後面還墊著一排很淡的同一個字當背景。

整體是熱血、資訊量大的運動網站：橘、黑、白三色，窄體大寫數字和標題，卡片都是 10～20px 的圓角，畫面最下面一直浮著一條「下一場比賽」的資訊列。

• Primary（#EB5B02）：伊斯特的橘。購票按鈕、右上角的按鈕、倒數的天數、名次、編號「01」、右側固定的「加入社群」「立即購票」都用它；滑鼠移上去變深一點（#C94C00）。

• Text／Inverse（#040100）：接近黑的字，也是跑馬燈和頁尾的深色底。

• Canvas（#FCFCFB）、Surface（#FFFFFF）：頁面的白底和卡片的白。

• Peach（#FBEEE4）、Peach deep（#F3D9C4）：球員段落、頁尾的淡橘底。

• Border（#E3DFDA）：卡片的淡框線。

• Neutral（#2A2826、#3B342F、#5B5651、#8A8580、#B9B2AA）：說明文字和次要資訊的暖灰；#E2E1E6、#D9D3D2 是球員、啦啦隊卡片照片後面的灰底。

英文標題和數字用 Teko（Google Fonts 的窄體），中文用 Noto Sans TC。

• 段落標題（NEWS、PLAYERS、TOKKI CUTIE）76px／600，大寫；「FOLLOW US」更大，112px。

• 標題後面墊一排淡淡的同一個字當背景，230px。

• 日期、背號、價錢等數字都用 Teko：比賽日期 84px、背號 41.76px、價錢 32px。

• 口號「幻燃伊心 ONE FLAME. NEW ERA.」42px／900。

• 卡片標題 25px／700；內文 16px、行高 28.8px、字距 1.28px。

• 按鈕 14～15px／700；標題上面的小字 13px 左右、橘色。

• 內容寬度約 1192px 置中。

• 頁首固定在最上面；右側固定兩個橘色的直式按鈕（加入社群、立即購票）；畫面下方一直浮著白底、淡陰影的「下一場比賽」資訊列（客場／主場、日期、兩隊、倒數，和「比賽資訊」「近期賽程」兩顆按鈕）。

• 每段的標題在左上、「所有消息 →」這類連結在右上，下面是橫排的卡片，可以左右滑。

• 段落之間偶爾穿插一條斜斜的黑底跑馬燈（EAST POWER、TOKKI CUTIE）。

• 頁尾是淡橘的大區塊，分成四欄連結，中間一條直排的「TAIPEI EAST POWER」。

Responsive

• 375px 寬時，頁首只剩隊徽、購物車、會員和選單；第一屏改成直式的主視覺，下面接下一場比賽的大字日期和「比賽資訊」「加入行事曆」兩顆按鈕；右側的橘色直式按鈕照樣在。

陰影只有一種：浮著的「下一場比賽」資訊列和賽程小卡（0 6px 20px，10% 的黑）。其他卡片用 1px 的淡框或黑框，平貼在白底上。

• 卡片：新聞、球員 18px 圓角，購票／指南等功能卡片 20px，小卡 14～16px。

• 按鈕：主要和次要按鈕 9～12px 的圓角，不是膠囊；「兔之助粧粧」是膠囊；社群圖示是 42px 正圓。

• 輪播的左右箭頭是直角的黑框長方形（70×46）。

• 主要按鈕：#EB5B02 橘底、白字 15px／700，10px 圓角，高 46px，左右 20px 內距（加入社群、購買門票）。

• 次要按鈕：白底、1px 黑框、黑字 14px／700，10px 圓角，高 42px（比賽資訊、訂閱賽程）。

• 連結：「所有消息 →」15px／700 黑字，下面一條 2px 的黑線。

• 箭頭按鈕：白底、1px 黑框的直角長方形，70×46，中間一個箭頭。

• 球員卡片：灰底（#D9D3D2）、18px 圓角，308×411；去背的球員照片，右下角黑底白字的背號，左下中英文名字和位置，隊長多一個橘色的「CAPTAIN」標籤。

• 新聞卡片：白底、1px 淡框、18px 圓角；照片、Teko 的日期、橘色的分類標籤、粗體標題。

• 功能卡片：白底、1px 黑框、20px 圓角（成為伊忍村家族一員、訂閱賽程）；其中一張是整張橘底白字。

• 下一場比賽資訊列：白底、14px 圓角、淡陰影，固定在畫面下方。

• 要用橘、黑、白三色；橘色用在要按的東西和重要的數字。

• 英文標題和數字要用窄體的 Teko、大寫、很大；中文用 Noto Sans TC 粗體。

• 卡片要有 10～20px 的圓角，用細框分開，不要每張都加陰影。

• 段落之間可以用斜的黑底跑馬燈和很淡的背景大字增加運動感。

• 不要用膠囊形當主要按鈕；主要按鈕是小圓角的長方形。