精選 · 開放 · 免費
Beseda Chat
採用深綠主題並搭配鮮明遊戲影像的線上娛樂城與體育博彩平台。
ConsumerFintechBold TypographyMobile UIPremium
01
設計氣質 DNA
線上娛樂城體育投注遊戲娛樂博彩
線上娛樂城與體育博彩平台介面
02
色彩
#f9c719Accent
#ffffffInk
#c1cfc5Ink soft
#0e2f2bBG
#273028a6BG soft
#024f4bBG quiet
#7d9783Muted
rgba(0, 0, 0, 0.1)Line
以高對比深色背景搭配鮮明黃色作為主要操作強調色。
03
字型
sans-serif
- display
24px · 600 - body
16px · 400 - caption
12px · 400
使用無襯線字體族。 · 標題保持緊湊行高。 · 謹慎使用大寫標籤。
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
以 4px 為基準單位，維持一致間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
使用 rgba(0, 0, 0, 0.1) 的細微邊框
0 4px 12px rgba(0, 0, 0, 0) · 0 0 80px rgba(116, 107, 93, 0.2)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面版採三欄佈局（側邊欄、主內容、右側面板），手機版則為單欄。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
hover 狀態的平滑轉場效果。 · 走馬燈滑動動畫。 · 內容載入的淡入效果。
細微的背景色變化或縮放效果。 · 即時視覺回饋（按鈕下壓效果）。
08
組件
- button 膠囊狀按鈕，採用對比色（深色背景上的黃色）。
- card 圓角（12px）卡片，並帶有細微背景差異化。
- chip 無
- input 搜尋欄與輸入框採用圓角邊緣。
- hero 主打走馬燈，含大型背景圖與顯眼行動呼籲按鈕。
09
文案語氣與禁用清單
- 語氣 令人興奮、具邀請性且帶有促銷感。
- 標題風格 直接且以行動為導向。
- 按鈕文案 清晰且具鼓勵性（例如：「開始玩」、「立即投注」）。
- 勿使用淺色背景——截圖顯示深綠主題。
- 勿使用襯線字體——截圖顯示無襯線字體排版。
- 勿使用低對比文字——截圖顯示深色背景上的高對比白色文字。
- 勿使用尖銳邊角——截圖顯示圓角（12px）。
- 勿使用小而擁擠的佈局——截圖顯示寬敞卡片與清晰圖像。
- 勿僅使用柔和色調——截圖顯示關鍵操作使用鮮明黃色強調。
- 避免: 被動語態。
- 避免: 過於複雜的法律術語。
- 避免: 平淡或過於柔和的描述。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個線上娛樂城與體育博彩平台介面。它以深綠色（#0e2f2b）為主要背景，並使用鮮明黃色（#f9c719）作為行動呼籲按鈕的強調色。字體採用簡潔的無襯線字體族，標題行高緊湊。桌面版佈局為三欄式，包含導航側邊欄、遊戲主內容區及右側投注單面板。關鍵禁忌：勿使用淺色背景、襯線字體或低對比文字。避免尖銳邊角與過度擁擠的佈局。僅於主要操作時謹慎使用鮮明黃色強調色。
en · zh-CN · zh-TW · ja · ko