diff --git a/landing/app/components/ui/button.tsx b/landing/app/components/ui/button.tsx index b0b14d6..40d8a63 100644 --- a/landing/app/components/ui/button.tsx +++ b/landing/app/components/ui/button.tsx @@ -18,8 +18,13 @@ const buttonVariants = cva( glass: "bg-white/70 hover:bg-white text-ink-soft hover:text-ink border border-white shadow-sm", // 다크 무대 위 1차 CTA stage: "bg-primary hover:bg-primary-deep text-white", - // 다크 무대 위 2차 CTA — 흰 알약 - stageGhost: "bg-transparent hover:bg-white text-white hover:text-stage border border-stage-line hover:border-white", + /* 다크 무대 위 2차 CTA — 흰 알약. + 테두리를 stage-line(#1E2A52)으로 두면 안 된다. 그 색은 무대 바닥(#070E24) 위 + 카드용이라, 방사형 광원부(#16205A)에 앉는 GNB 자리에서는 배경과 대비가 1.09:1 로 + 사라진다. 채움도 없으면 남는 건 흰 글자뿐이라 옆 nav 링크와 구분되지 않는다. + 그래서 무대색 토큰이 아니라 흰색 알파로 잡는다 — 무대 어디에 놓여도 같이 성립한다. + 옅은 채움이 테두리보다 "누를 수 있는 것"을 더 강하게 전달하므로 둘 다 준다. */ + stageGhost: "bg-white/10 hover:bg-white text-white hover:text-stage border border-white/40 hover:border-white", }, /* 레퍼런스(statworx) 실측: 10.4px / 600 / 알약(radius 39px) / 패딩 12·24 / 높이 33px. 작고 조밀한 버튼이 확신 있어 보인다 — 크고 굵은 버튼은 설득이 아니라 호소로 읽힌다.