精選 · 開放 · 免費

Cassandratang Me

一個大膽、高能量的線上博弈平台，配備趣味吉祥物和鮮明的促銷優惠。

01

設計氣質 DNA

一個充滿活力的數位遊樂場，專注於高能量的遊戲與促銷活動。

02

色彩

在純淨的白色背景上使用高對比度的暖色調強調色，以推動參與度和興奮感。

03

字型

humanist-sans

• display48px · 700
• heading24px · 700
• body16px · 400
• caption14px · 400

導覽列和號召行動按鈕使用大寫字母 · 內文字體保持高度可讀性，並採用充足的行高

04

間距

標準的 4px 基礎網格，確保組件間距一致。

05

表面 (圓角 / 陰影 / 邊線)

1px solid #ECECEC

0px 0px 10px 0px rgba(255, 215, 0, 0.8) · 0px 0px 20px 0px rgba(255, 215, 0, 0.6)

06

版面

標準的頂部導覽列後接全寬主視覺橫幅，過渡到內容豐富的網格佈局。

07

動效與互動

懸停狀態下的流暢 opacity 和 transform 過渡效果 · 內容載入時的淡入效果

透過 box-shadow 實現的細微顏色變化和高度調整。 · 輕微的縮放或亮度調整以表示互動。

08

組件

• button 藥丸形按鈕，帶有鮮明的橙色漸層和粗體大寫文字。
• card 卡片配有大型、高品質的圖片，並覆蓋文字和日期徽章。
• chip 用於類別或日期的圓角標籤。
• input 乾淨、有邊框的表單輸入欄位。
• hero 全寬促銷橫幅，結合 3D 角色藝術與大型粗體字體排印。

09

文案語氣與禁用清單

• 語氣 令人興奮的、促銷的、略帶非正式的。
• 標題風格 粗體、大寫、高度描述性。
• 按鈕文案 直接、以行動為導向、視覺上突出。

• 不要使用冷色調的藍色或綠色——截圖顯示了主導的暖色調橙色與白色調色板
• 不要為內文字體使用襯線字體——截圖顯示了簡潔的人文主義無襯線字體
• 不要使用極簡主義佈局——截圖顯示了繁忙、高度插圖化的設計
• 不要使用細微、柔和的邊框——截圖顯示了突出、發光的 box-shadow
• 不要使用柔和或不飽和的顏色——截圖顯示了高色度、鮮明的強調色
• 不要為主要導覽使用小寫字母——截圖顯示了全大寫標籤
• 避免: 微妙的語言
• 避免: 柔和的視覺效果
• 避免: 複雜的技術術語

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko