View on App Store
4.2
132 ratingsScreenshot story
The flow starts by highlighting high-impact utility like payments, stocks, and asset management in a bold dark mode, before transitioning into daily lifestyle features like insurance and point-collection in a clean light mode.
iPhone gallery
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 7 frames, Kakao Pay most often uses flat ui panel composition and device treatment with gradient backgrounds. 7 frames include visible caption copy.
Frame 1
๊ฒฐ์ ํ๋ ์๊ฐ ์ต์ ์ ํํ
- Composition / device
- floating device
- Content
- feature callout
- Background
- solid
- Copy treatment
- top, benefit led, direct
Frame 2
๋งค์ผ ๋ฐ๋ ์ด์๋ถํฐ ๊ฐํธํ ์ฃผ์ ํฌ์๊น์ง
- Composition / device
- floating device
- Content
- feature callout
- Background
- solid
- Copy treatment
- top, comprehensive, action oriented
Frame 3
ํฉ์ด์ง ๋ด ๋ชจ๋ ์์ฐ ํ๋์ ๋ชจ์๋ณด๊ธฐ
- Composition / device
- floating device
- Content
- feature callout
- Background
- solid
- Copy treatment
- top, convenient, friendly
Frame 4
ํ์ํ ๊ฒ๋ง ์ฑ๊ฒจ์ฃผ๋ ๋๋ฅผ ์ํ ๊ณต๊ฐ
- Composition / device
- flat ui panel
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, personalized, minimal
Frame 5
๋ด๊ฒ ๊ผญ ํ์ํ ๋ณดํ๋ง ํ ๋์ ๋ณดํ ์ง๋จ
- Composition / device
- flat ui panel
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, informative, reassuring
Frame 6
๋จผ์ ์์๋ก ์ ๋ฆฌํ ์ค์ ํ ๊ธ์ต ์ ๋ณด
- Composition / device
- flat ui panel
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, educational, helpful
Frame 7
๋งค์ผ๋งค์ผ ์ฝ๊ฒ ํฌ์ธํธ ๋ชจ์ผ๋ ์ฌ๋ฏธ
- Composition / device
- flat ui panel
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, playful, engaging
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Kakao Pay employs a sophisticated 'Split-Personality' design strategy that differentiates ecosystem pillars through color and depth. The first three screens use a high-contrast dark theme and 3D assets-such as the iconic Ryan mascot and scanning hardware-to establish authority in 'Heavy Finance' (Payments/Stocks). This creates a premium, expert feel. The narrative then shifts to a light, airy UI for 'Life' services (Insurance/Rewards), making them feel approachable for daily use. Designers can steal the functional use of brand yellow, which is reserved exclusively for primary CTAs and progress indicators, ensuring consistent navigation across different visual modes. The high-contrast typography and subtle depth effects on the device panels maintain a modern, layered aesthetic that manages information density effectively.
Keep exploring
