번들
Clasp
화면 52개 · 데이팅Dating that ends in a first date, planned on a real map
Fifty-two screens of a dating app in the category's own language: profiles built from photos and prompts with a verified selfie, one person at a time with like and skip, likes and matches, chat with the date card inside it, a first date planned at a real place with both walks routed on a real map, reschedule, cancel and the check-in after, report and block, Clasp+, and the states a real app hits.
PRO
디자인 시스템과 화면 52개를 프롬프트 하나에 담았습니다. 한 화면만 필요하다면 각 화면에도 무료 페이지가 따로 있습니다.
디자인 시스템
세트와 함께 제공되는 파일 하나입니다. 각 화면은 혼자서도 떼어 쓸 수 있도록 이 값들을 자기 안에 적어 두고, 이 파일에 없는 색을 칠하는 화면은 빌드가 거부합니다.
색
palette
ground
#FFFCFF
white
#FFFFFF
surface
#F3F0F3
surfaceSoft
#F6F3F6
surfaceAlt
#F2EEF2
fill
#EDEAED
fillAlt
#EFEBEF
fillSoft
#EDE8ED
fillPale
#ECE8EC
line
#E6E3E6
lineAlt
#E6E1E6
lineSoft
#E4DFE4
hairline
#DCD7DC
divider
#D9D4D9
keyGrey
#C9C4C9
keyMuted
#B9B3B9
ink
#130F13
inkSoft
#3F3B3F
muted
#686368
faint
#948F94
coral
#D13079
coralPale
#F2A7C8
red
#C4282E
walkBlue
#2F6FE4
mapGrey
#E8E8E8
mapLine
#D1D3D9
mapLabel
#ABB0BA
mapInk
#898A8D
mapDark
#4A4B50
appleBlack
#000000
googleBlue
#4285F4
googleRed
#EA4335
googleYellow
#FBBC05
googleGreen
#34A853
googleInk
#1F1F1F
googleGrey
#747775
스케일
서체
Inter, 6개 굵기
흐름
사람이 마주치는 순서대로 놓았습니다. 카테고리 목록이 아니라 앱 자체의 순서입니다.
First run
4Welcome and three slides of the real app: one person at a time, meeting halfway, both saying yes.
Account
3Email first, then Apple and Google, and the code.
