CURATED · OPEN · FREE

Beseda Chat

An online casino and sportsbook platform with a dark green theme and vibrant game imagery.

ConsumerFintechBold TypographyMobile UIPremium

↓ Download design system (9 MB)Open in OpenDesign

Visit: https://beseda.chat

📦 Browse pack contents →

Identity DNA

Online CasinoSports BettingGamingEntertainmentBetting

An online casino and sportsbook platform interface

Color

#f9c719Accent

#ffffffInk

#c1cfc5Ink soft

#0e2f2bBG

#273028a6BG soft

#024f4bBG quiet

#7d9783Muted

rgba(0, 0, 0, 0.1)Line

High-contrast dark background with vibrant yellow accent for primary actions.

Typography

sans-serif

display24px · 600
body16px · 400
caption12px · 400

Use sans-serif font family. · Maintain tight line heights for headlines. · Use uppercase sparingly for labels.

Spacing

4px

8px

12px

16px

24px

32px

48px

64px

4px base unit for consistent spacing.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

Subtle borders using rgba(0, 0, 0, 0.1)

0 4px 12px rgba(0, 0, 0, 0) · 0 0 80px rgba(116, 107, 93, 0.2)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Three-column layout on desktop (sidebar, main content, right panel), single column on mobile.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

Smooth transitions for hover states. · Carousel slide animations. · Fade-in for content loading.

Subtle background color change or scale effect. · Immediate visual feedback (button press).

Components

button Pill-shaped buttons with contrasting colors (yellow on dark).
card Cards with rounded corners (12px) and subtle background differentiation.
chip N/A
input Search bar and input fields with rounded edges.
hero Hero carousel with large background images and prominent call-to-action buttons.

Voice & Don'ts

Tone Exciting, inviting, and promotional.
Headlines Direct and action-oriented.
CTAs Clear and encouraging (e.g., 'Play', 'Make a bet').

Don't use light backgrounds — screenshot shows dark green theme.
Don't use serif fonts — screenshot shows sans-serif typography.
Don't use low-contrast text — screenshot shows high-contrast white text on dark backgrounds.
Don't use sharp corners — screenshot shows rounded corners (12px).
Don't use small, dense layouts — screenshot shows spacious cards with clear imagery.
Don't use muted colors only — screenshot shows vibrant yellow accent for key actions.
Avoid: Passive language.
Avoid: Overly complex legal jargon.
Avoid: Dull or muted descriptions.

Inside the pack — real screenshots

Beseda Chat — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is an online casino and sportsbook platform interface. It features a dark green (#0e2f2b) primary background with a vibrant yellow (#f9c719) accent color used for call-to-action buttons. The typography is a clean sans-serif font family with tight line heights for headlines. The layout is three-column on desktop with a sidebar for navigation, main content for games, and a right panel for betting slips. Critical donts: Do not use light backgrounds, serif fonts, or low-contrast text. Avoid sharp corners and overly dense layouts. Use the vibrant yellow accent sparingly for primary actions only.

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