KakaoPage

Colors

• #FFFFFFScreen Background · Page background · Item rows
• #111111Primary Black · Titles · User handle · Row labels · Icons
• #F0F0F0Cash Bar Gray · Balance container background
• #FFCD00Accent Yellow · Add cash button fill
• #E5E5EAAvatar Placeholder · User avatar circle background
• #767676Secondary Text Gray · Balance text label

Type

• Top Navigation TitleSF Pro Text · 44px · 700 · #111111
• User HandleSF Pro Display · 50px · 700 · #111111
• Cash LabelSF Pro Text · 38px · 400 · #767676
• Button LabelSF Pro Text · 36px · 600 · #111111
• List Item LabelSF Pro Text · 42px · 400 · #111111

Elements

• Back Navigation Bar · App Bar

  Left arrow icon and centered 'More' title · Flat white styling with black stroke icon

• Profile Header Row · List Item / Profile Card

  Avatar on left, username middle, right chevron arrow · Light gray circular avatar silhouette on plain white background

• My Cash Banner · Callout Box / Status Banner

  Full width card below profile with balance left-aligned and 'Add' button right-aligned · Muted gray fill with contrasting rounded yellow 'Add' button

• Settings & Options List · Navigation Menu List

  Vertical list of 7 items with stroke icons preceding labels · Unbordered, generous line spacing, consistent black line icons

Layout

Top back-navigation bar leading into a profile summary section, a horizontal wallet strip, and a clean vertical navigation list.

Notes

Bottom navigation bar is hidden on this drill-down screen.