CURATED · OPEN · FREE

Korkodilosathens

A premium, dark-themed casino platform combining luxurious gold accents with bold typography to create an immersive entertainment destination.

ConsumerPremiumBold TypographyDark ModeApp UI

Korkodilosathens screenshot

↓ Download design system (28 MB)Open in OpenDesign

Visit: https://korkodilosathens.com

📦 Browse pack contents →

01

Identity DNA

CasinoEntertainmentLuxuryDigital Platform

A high-end digital casino lobby that feels exclusive yet accessible

02

Color

#D4AF37Accent

#E5E7EBInk

#0D0F14BG

#1A1D28BG soft

#131620BG quiet

#9CA3AFMuted

rgba(42, 46, 66, 1.0)Line

Dark luxury with gold accents creating a premium casino atmosphere

03

Typography

humanist-sans

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

Bold weights (700-800) for headlines and statistics to create visual hierarchy · Generous line-height (1.7) for body text to improve readability on dark backgrounds · Tight line-height (1.1-1.2) for display text to create impactful headlines

04

Spacing

4px

8px

16px

24px

32px

48px

64px

80px

96px

Consistent 24px/32px vertical spacing with generous 80px section padding

05

Surfaces

sm · 8px

md · 12px

lg · 20px

pill · 999px

1px solid rgba(42, 46, 66, 1.0) on cards, gold borders on buttons

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

06

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-width dark hero with centered content, 2-column card grids below

07

Motion & Interaction

220msmicro

250mssmall

350msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Color transitions on hover (0.25s) · Transform transitions on interactive elements (0.25s) · Max-height transitions for expandable content (0.35s)

Color change on navigation items, subtle transform on buttons · Immediate visual feedback with color transitions

08

Components

button Gold (#D4AF37) filled primary with black text, gold outlined secondary with gold text, both with 12px border-radius
card Dark background (#1A1D28) with 1px subtle border and 12px border-radius
chip Gold badge with trophy icon, 20px border-radius, used for trust signals
input Dark background inputs with subtle borders, 12px border-radius
hero Full-width dark section with large centered text, gold gradient badge, and two CTA buttons

09

Voice & Don'ts

Tone Confident, luxurious, and welcoming
Headlines Bold, imperative statements in Greek that emphasize exclusivity and experience
CTAs Action-oriented with clear value propositions (e.g., 'Claim 3.000€ Bonuses')

Don't use bright or neon colors — screenshot shows a restrained dark palette with gold accents only
Don't use decorative or serif fonts — screenshot shows clean humanist sans-serif throughout
Don't create crowded layouts — screenshot shows generous 80px vertical spacing between sections
Don't use thin or light font weights for headlines — screenshot shows bold 700-800 weight for all headers
Don't use rounded pill shapes for cards — screenshot shows 12px border-radius on card components
Don't use white backgrounds — screenshot shows consistent dark theme (#0D0F14 to #1A1D28)
Don't use small text for statistics — screenshot shows large 32px bold numbers for key metrics
Avoid: Cheap or discount-focused language
Avoid: Overly casual or playful tone
Avoid: Cluttered visual hierarchy

10

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

11

System prompt

This is a premium online casino platform with a luxurious dark theme. The design uses a sophisticated color palette centered on very dark backgrounds (#0D0F14 primary, #1A1D28 cards) with gold (#D4AF37) as the dominant accent color for buttons, highlights, and trust signals. Typography is humanist sans-serif (Inter) with bold weights (700-800) creating strong visual hierarchy. Key characteristics include generous vertical spacing (80px sections), 12px border-radius on cards, and gold gradient buttons. Critical don'ts: never use bright or neon colors (the palette is strictly dark + gold), never use thin font weights for headlines (bold is essential), and never create cramped layouts (generous whitespace is fundamental to the premium feel). The design balances exclusivity with accessibility through clear CTAs and trust-building statistics.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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