Packs
Natter
52 écrans · MessagerieA messenger where the next meet-up lives in the chat
Fifty-two screens of a messenger on one story, Jonah in London on a Friday, in azure on white: first run, sign-up with the code, your number, your profile and two permission primes, chats of real faces, a group chat with its plan pinned on top, message actions, replies, attachments, a photo, a one-to-one chat, voice notes and live location, deleting a message, new chats and groups, group and contact info and shared media, plans with a real map, the walk there and who is coming, voice and video calls, search and starred messages, settings, privacy, disappearing messages, notifications, Natter Plus and the states a messenger really hits.
PRO
Le design system et les 52 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.
Design system
Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.
Couleurs
palette
ground
#FFFFFF
chat
#F2F2F5
raised
#E8E8EC
line
#E6E6EA
system
#E6E6EB
soft
#EEEEEE
mapGround
#E8E8E8
black
#000000
dark
#0B0B0D
photoWarm
#1C1A18
photoBrown
#2B2420
ink
#111114
muted
#6B6B73
faint
#9A9AA2
sub
#C9C9CF
mapAttribution
#333333
callSub
#E4E4E8
videoSub
#EDEDF0
accent
#0A66ED
danger
#D70015
endCall
#E0281C
heart
#FF2D55
star
#FFCC00
route
#34C759
switchOff
#E9E9EB
keyboard
#D1D3D9
keyboardFn
#ABB0BA
keyboardShadow
#898A8D
googleInk
#1F1F1F
googleStroke
#747775
blue
#007AFF
ink1
#0E0E12
tone10101C
#10101C
ink2
#6A6A72
ink3
#A1A1A9
ink4
#C7C7CC
fillOnGround
#E4E4E9
fill
#EEEEF2
toneF8F8FA
#F8F8FA
Échelles
Typographie
Inter, 5 graisses
Le parcours
Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.
First run
4Welcome and three slides.
Account
3Email first, then Apple and Google, the code.
Set up
5Your number, your profile, two permission primes, ready.
Chats
17Chats, a group with its plan, actions, reply, attach, photo, voice note, location, new chats and groups, info, media.
Plans
5Plans, one plan on a real map, a new plan, picking a place, cancelling.
Calls
3Recent calls, a voice call, a video call.
Settings
8Settings, profile, privacy, disappearing messages, notifications, activity, Natter Plus, deleting the account.
States
5Loading, no chats yet, offline, not sent, no results.
