/dev/showcase
Design system
모든 컴포넌트가 여기 모여 있습니다. 아래 섹션에서 직접 만져보세요.
01 · Logo
variant="full"
variant="short"
variant="dot"
variant="mark"
02 · Color palette
03 · Cards (static)
A
K
Q
J
T
Left: four-color deck · Right: two-color (traditional)
04 · Chips
1
5
25
100
500
1K
$
05 · Poker table (overhead)
6-max · BTN (RFI)
100bb
1.5 bb
UTG100
MP100
CO100
BTN100
DA
K
0.5
SB99.5
1
BB99
6-max · BB facing raise
100bb
4 bb
2.5 bb
UTG100
MP100
CO100
2.5
BTN97.5
D0.5
SB99.5
BB99
Q
Q
06 · Preflop range (live GTO data)
- 포지션
- BTN
- 플레이하는 핸드
- 0 / 169
- 상태
- 불러오는 중…
칸이 밝을수록 레이즈 빈도가 높습니다. 진한 골드는 항상 레이즈, 회색은 항상 폴드, 그 중간은 믹스 전략입니다.
07 · Gradients
08 · Motion (live)
Deal stagger
A
K
Q
J
T
Card flip
A
카드를 탭하면 뒤집힙니다.flipVariants + 3D preserve-3d.
Count up (EV)
+2.14 BB
Mix bar
- Bet 75%68.0%
- Check32.0%
Chip toss
0
5
GT
15
20
fadeUp (result sheet)
스크롤해 보세요 — 뷰에 들어올 때 위로 페이드인합니다. 240ms, ease-out-quart.
09 · Typography
Display XL — GTO, Today.
Display LG — 오늘의 GTO.
Heading — 매일 한 핸드.
Subheading — 한 번의 판단을 다듬습니다.
Body LG — "Sharp." / "이유를 볼까요." 정답/오답 대신 설명을 드립니다.
EV +2.14 BB
Bet 75% · 68%
Serif accent (Fraunces) — Today awaits.