번들
Sable
화면 54개 · 투자 및 트레이딩A stocks and shares ISA, every cost on the ticket
Fifty-four screens of an investing app in the category's own language, dark with one periwinkle accent, every price path, fee and allowance computed: opening an ISA step by step with identity and appropriateness checks, adding and withdrawing money, discovery and search, a holding with real charts, stats, dividends and alerts, an order ticket that shows every cost, pending orders and cancelling, analytics and dividends, recurring investing, statements, Sable Plus and the states a real broker hits.
PRO
디자인 시스템과 화면 54개를 프롬프트 하나에 담았습니다. 한 화면만 필요하다면 각 화면에도 무료 페이지가 따로 있습니다.
디자인 시스템
세트와 함께 제공되는 파일 하나입니다. 각 화면은 혼자서도 떼어 쓸 수 있도록 이 값들을 자기 안에 적어 두고, 이 파일에 없는 색을 칠하는 화면은 빌드가 거부합니다.
색
palette
ground
#08090C
surface
#16181B
sheet
#1C1E22
raised
#242529
line
#303136
segmentOn
#3A3C42
ink
#F7FAFF
white
#FFFFFF
muted
#A0A3A9
faint
#7D848C
reference
#5B5E66
periwinkle
#9BB1FF
onPeriwinkle
#0B0B0C
gain
#5CC892
loss
#FF6B6B
danger
#D04045
allocOne
#C8641A
allocTwo
#1F8A84
allocThree
#8E5C8A
allocFour
#A68A00
allocFive
#5B6B7A
allocCash
#7D848C
iconAzure
#5566F8
appleBlack
#000000
googleBlue
#4285F4
googleRed
#EA4335
googleYellow
#FBBC05
googleGreen
#34A853
스케일
서체
Inter, 5개 굵기
흐름
사람이 마주치는 순서대로 놓았습니다. 카테고리 목록이 아니라 앱 자체의 순서입니다.
First run
4Welcome and three slides of the real app: live prices, the ISA allowance, every cost shown.
Account
3Email first, then Apple and Google, and the code.
