큐레이션 · 오픈 · 무료

Cassandratang Me

장난스러운 마스코트와 활기찬 프로모션 제안을 특징으로 하는 대담하고 높은 에너지의 온라인 도박 플랫폼.

01

디자인 DNA

높은 에너지의 게임과 프로모션에 초점을 맞춘 활기찬 디지털 아케이드.

02

컬러

참여와 흥분을 유도하기 위해 깨끗한 흰색 배경 위의 고대비 따뜻한 강조색.

03

타이포그래피

humanist-sans

• display48px · 700
• heading24px · 700
• body16px · 400
• caption14px · 400

내비게이션과 CTA 버튼에는 대문자 사용 · 본문 텍스트는 충분한 줄 높이로 높은 가독성 유지

04

여백

일관된 컴포넌트 간격을 보장하는 표준 4px 기본 그리드.

05

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

1px solid #ECECEC

0px 0px 10px 0px rgba(255, 215, 0, 0.8) · 0px 0px 20px 0px rgba(255, 215, 0, 0.6)

06

레이아웃

표준 상단 내비게이션 바가 전체 폭 히어로 배너로 이어지고, 콘텐츠가 풍부한 그리드 레이아웃으로 전환됩니다.

07

모션과 인터랙션

호버 상태에서의 매끄러운 불투명도 및 transform 트랜지션 · 콘텐츠 로딩 시 페이드인 효과

box-shadow를 통한 미묘한 색상 변화와 높이 변경. · 참여를 나타내기 위한 약간의 스케일 또는 밝기 조정.

08

컴포넌트

• button 활기찬 오렌지 그라디언트와 굵은 대문자 텍스트를 적용한 알약 모양 버튼.
• card 오버레이된 텍스트와 날짜 뱃지가 있는 크고 고품질 이미지를 특징으로 하는 카드.
• chip 카테고리 또는 날짜를 위한 둥근 라벨.
• input 양식을 위한 깔끔하고 테두리가 있는 입력 필드.
• hero 3D 캐릭터 아트와 크고 굵은 타이포그래피를 결합한 전체 폭 프로모션 배너.

09

보이스와 금지 목록

• 톤 흥미진진하고, 프로모션적이며, 약간 비격식적.
• 헤드라인 대담하고, 대문자이며, 매우 설명적.
• CTA 직설적이고, 행동 지향적이며, 시각적으로 두드러짐.

• 차가운 파란색이나 녹색을 사용하지 마세요 — 스크린샷에 주도적인 따뜻한 오렌지와 흰색 팔레트가 나타납니다
• 본문 텍스트에 세리프 글꼴을 사용하지 마세요 — 스크린샷에 깔끔한 휴머니스트-산세리프가 나타납니다
• 미니멀리스트 레이아웃을 사용하지 마세요 — 스크린샷에 바쁘고 highly illustrative한 디자인이 나타납니다
• 얇고 미묘한 테두리를 사용하지 마세요 — 스크린샷에 두드러진 글로우 박스-shadow가 나타납니다
• 차분하거나 채도가 낮은 색상을 사용하지 마세요 — 스크린샷에 높은 chroma의 활기찬 강조색이 나타납니다
• 주요 내비게이션에 소문자를 사용하지 마세요 — 스크린샷에 모두 대문자 라벨이 나타납니다
• 피하기: 미묘한 언어
• 피하기: 차분한 시각
• 피하기: 복잡한 기술 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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