---
name: Korkodilosathens
description: "This casino platform demonstrates how dark themes with metallic accents can create premium positioning while remaining functional and conversion-focused through clear CTAs."
version: alpha

colors:
  background: "#0D0F14"
  primary: "#E5E7EB"
  tertiary: "#D4AF37"
  neutral: "#9CA3AF"
  bg-soft: "#1A1D28"
  bg-quiet: "#131620"
  line: "rgba(42, 46, 66, 1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.1
    fontWeight: 800
    letterSpacing: "-1px"
  h2:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "0"
  h3:
    fontFamily: humanist-sans
    fontSize: 20px
    lineHeight: 1.3
    fontWeight: 700
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.7
    fontWeight: 400
    letterSpacing: "0"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"
  stat:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 800
    letterSpacing: "0"

rounded:
  sm: 8px
  md: 12px
  lg: 20px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

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

## Colors

Dark luxury with gold accents creating a premium casino atmosphere

- **Background (`#0D0F14`)** — uses `bg` token
- **Primary text (`#E5E7EB`)** — uses `ink` token
- **Accent (`#D4AF37`)** — uses `accent` token
- **Muted (`#9CA3AF`)** — uses `muted` token
- **Borders (`rgba(42, 46, 66, 1.0)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- 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

## Layout

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

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

## Elevation & Depth

- 0 4px 6px -1px rgba(0, 0, 0, 0.1)
- 0 2px 4px -1px rgba(0, 0, 0, 0.06)
- Borders: 1px solid rgba(42, 46, 66, 1.0) on cards, gold borders on buttons

## Shapes

- `sm`: 8px
- `md`: 12px
- `lg`: 20px
- `pill`: 999px

## 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

## Do's and Don'ts

**Don't:**
- 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

---

## System Prompt (paste into AI agent)

```
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.
```