큐레이션 · 오픈 · 무료

Beseda Chat

다크 그린 테마와 비비드한 게임 이미지를 갖춘 온라인 카지노 및 스포츠북 플랫폼입니다.

01

디자인 DNA

온라인 카지노 및 스포츠북 플랫폼 인터페이스

02

컬러

주요 액션을 위한 비비드 옐로 포인트가 있는 고대비 다크 배경.

03

타이포그래피

sans-serif

• display24px · 600
• body16px · 400
• caption12px · 400

산세리프 폰트 패밀리를 사용합니다. · 헤드라인에는 타이트한 라인 높이를 유지합니다. · 라벨에는 대문자를 절제해서 사용합니다.

04

여백

일관된 간격을 위한 4px 기본 단위.

05

표면 (라운드 / 그림자 / 경계선)

rgba(0, 0, 0, 0.1)를 사용한 미세한 테두리

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

06

레이아웃

데스크톱에서 3컬럼 레이아웃(사이드바, 메인 콘텐츠, 우측 패널), 모바일에서 단일 컬럼.

07

모션과 인터랙션

hover 상태에 대한 부드러운 트랜지션. · 캐러셀 슬라이드 애니메이션. · 콘텐츠 로딩을 위한 페이드인.

미세한 배경색 변경 또는 스케일 효과. · 즉각적인 시각적 피드백(버튼 누름).

08

컴포넌트

• button 대비되는 색상(다크에 옐로)을 사용한 필 형태 버튼.
• card 둥근 모서리(12px)와 미세한 배경 차이가 있는 카드.
• chip 해당 없음
• input 둥근 모서리의 검색 바 및 입력 필드.
• hero 큰 배경 이미지와 눈에 띄는 call-to-action 버튼이 있는 히어로 캐러셀.

09

보이스와 금지 목록

• 톤 흥미진진하고, 초대하며, 프로모션적.
• 헤드라인 직설적이고 액션 지향적.
• CTA 명확하고 고무적 (예: '플레이', '베팅하기').

• 밝은 배경을 사용하지 마세요 — 스크린샷은 다크 그린 테마를 보여줍니다.
• 세리프 폰트를 사용하지 마세요 — 스크린샷은 산세리프 타이포그래피를 보여줍니다.
• 저대비 텍스트를 사용하지 마세요 — 스크린샷은 다크 배경에 대비가 높은 화이트 텍스트를 보여줍니다.
• 날카로운 모서리를 사용하지 마세요 — 스크린샷은 둥근 모서리(12px)를 보여줍니다.
• 작고 밀집된 레이아웃을 사용하지 마세요 — 스크린샷은 명확한 이미지가 있는 넓은 카드를 보여줍니다.
• 뮤트된 색상만 사용하지 마세요 — 스크린샷은 주요 액션을 위한 비비드 옐로 포인트를 보여줍니다.
• 피하기: 수동적인 언어.
• 피하기: 지나치게 복잡한 법률 용어.
• 피하기: 지루하거나 뮤트된 설명.

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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