精选 · 开放 · 免费

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

display56px · 800
h232px · 700
h320px · 700
body16px · 400
small14px · 400
stat32px · 800

标题与统计数据采用粗体（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实线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.25s） · 交互元素的变换过渡（0.25s） · 可展开内容的最大高度过渡（0.35s）

导航项颜色变化，按钮微妙变换 · 通过颜色过渡提供即时视觉反馈

08

组件

button 主要按钮为金色（#D4AF37）填充，黑色文字；次要按钮为金色描边，金色文字；两者均采用12px圆角
card 深色背景（#1A1D28），带1px微妙边框与12px圆角
chip 金色徽章，带奖杯图标，20px圆角，用于信任标识
input 深色背景输入框，带微妙边框，12px圆角
hero 全宽深色区块，包含大号居中文字、金色渐变徽章及两个行动号召按钮

09

文案语气与禁用清单

语气自信、奢华且热情
标题风格 使用希腊语的粗体祈使句式，强调独特性与体验感
按钮文案 行动导向，具有明确的价值主张（例如“领取3.000€奖金”）

不要使用明亮或霓虹色——截图显示的是克制的深色配色，仅搭配金色点缀
不要使用装饰性或衬线字体——截图显示全程使用简洁的人文无衬线字体
不要创建拥挤的布局——截图显示区块之间留有宽裕的80px垂直间距
不要为标题使用纤细或轻量级的字体粗细——截图显示所有标题均采用粗体700-800
不要为卡片使用圆润的药丸形状——截图显示卡片组件采用12px圆角
不要使用白色背景——截图显示一致的黑暗主题（从#0D0F14到#1A1D28）
不要为统计数据使用小号文本——截图显示关键指标采用大号32px粗体数字
避免: 廉价或以折扣为中心的语言
避免: 过于随意或俏皮的语调
避免: 杂乱的视觉层次

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