精選 · 開放 · 免費

Korkodilosathens

一個採用深色主題的高端賭場平台，結合奢華的金色強調色與醒目的排版，打造沉浸式的娛樂目的地。

ConsumerPremiumBold TypographyDark ModeApp UI
Korkodilosathens 網站截圖
↓ 下載設計系統包 (28 MB)在 OpenDesign 中開啟

原站: https://korkodilosathens.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

賭場娛樂奢華數位平台

一個給人獨特尊榮感卻又平易近人的高端數位賭場大廳

02

色彩

#D4AF37Accent
#E5E7EBInk
#0D0F14BG
#1A1D28BG soft
#131620BG quiet
#9CA3AFMuted
rgba(42, 46, 66, 1.0)Line

以深色奢華為基調，搭配金色強調色，營造高端賭場氛圍

03

字型

humanist-sans

標題與統計數據使用粗體字重（700-800），以建立視覺層級 · 內文使用寬鬆的行高（1.7），以提升深色背景上的可讀性 · 展示文字使用緊湊的行高（1.1-1.2），以創造具衝擊力的標題

04

間距

4px
8px
16px
24px
32px
48px
64px
80px
96px

一致的 24px/32px 垂直間距，搭配寬裕的 80px 章節內距

05

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

sm · 8px
md · 12px
lg · 20px
pill · 999px

卡片使用 1px solid rgba(42, 46, 66, 1.0) 邊框，按鈕則使用金色邊框

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 2px 4px -1px rgba(0, 0, 0, 0.06)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全寬深色首頁橫幅，內容置中，下方為 2 欄卡片格線

07

動效與互動

220msmicro
250mssmall
350msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 時的色彩過渡（0.25 秒） · 互動元素的變換過渡（0.25 秒） · 可展開內容的最大高度過渡（0.35 秒）

導覽項目變色，按鈕產生細微變換 · 立即提供視覺回饋與色彩過渡

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

Korkodilosathens — 桌面首屏（hero）
桌面首屏（hero）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個採用奢華深色主題的高端線上賭場平台。設計採用精緻的調色盤，以極深背景（#0D0F14 為主背景、#1A1D28 為卡片背景）為核心，搭配金色（#D4AF37）作為按鈕、強調與信賴指標的主要色彩。排版使用無襯線人文主義字體（Inter），並以粗體字重（700-800）創造強烈的視覺層級。關鍵特徵包括寬裕的垂直間距（80px 章節內距）、卡片 12px 邊框圓角以及金色漸層按鈕。重要禁忌：絕不使用鮮豔或霓虹色彩（調色盤嚴格限於深色+金色），絕不使用細體字重作為標題（粗體至關重要），且絕不建立擁擠的版面（寬鬆的留白是高端質感的基礎）。設計透過清晰的行動呼籲與建立信賴的統計數據，在獨特尊榮感與無障礙之間取得平衡。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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