위프 - BL 취향저격 AI 채팅

Colors

• #100f18page-background · screen background
• #272533login-card-bg · authentication prompt surface
• #ffffffsocial-google · google login circle
• #fee500social-kakao · kakao login circle
• #000000social-apple · apple login circle
• #06c755social-line · line login circle
• #fffffftext-primary · headings · menu labels
• #9c80eatext-purple · reward highlight text

Type

• login card headingApple SD Gothic Neo · 38px · 700 · #ffffff
• reward noteApple SD Gothic Neo · 28px · 600 · #9490a6
• list menu itemApple SD Gothic Neo · 34px · 600 · #ffffff
• section headerApple SD Gothic Neo · 26px · 500 · #9490a6

Elements

• login invitation card · card container

  Centered rounded card occupying top third of content area. · Dark plum rounded card with voucher graphic and horizontal row of circular social login buttons.

• social login buttons · button group

  Row of 4 circular buttons (Google, Kakao, Apple, LINE) centered at card base. · Solid brand-colored circles with respective brand icons.

• profile menu list · menu list

  Vertical stacked text items under '활동' header. · Clean text rows with uniform vertical rhythm.

Layout

Profile / My Page screen featuring an unauthenticated status card followed by vertical profile navigation links.

Notes

Unlogged state on the 'My Page' tab.