OpenDesign·你的设计资产库

网页参考

Korkodilosathens

一个采用奢华金色点缀与大胆排版的黑暗主题高端赌场平台，旨在打造沉浸式娱乐目的地。

ConsumerPremiumBold TypographyDark ModeApp UI

封面待补录，可通过原站查看设计。

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 — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个采用奢华黑暗主题的在线赌场平台。设计使用了以深色背景（#0D0F14主色，#1A1D28卡片）为主，搭配金色（#D4AF37）作为按钮、高亮及信任标识主要强调色的精致配色方案。排版使用人文无衬线字体（Inter），粗体（700-800）创造出强烈的视觉层次。关键特征包括宽裕的垂直间距（80px区块）、卡片12px圆角以及金色渐变按钮。关键禁忌：切勿使用明亮或霓虹色（配色严格限定为深色+金色），切勿为标题使用纤细字体粗细（粗体至关重要），切勿创建拥挤布局（宽裕的留白是高端质感的基础）。设计通过清晰的行动号召和建立信任的统计数据，在独特性与可访问性之间取得平衡。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。