Notion UI: app screens and website
Notion has both an app and a website in the library: the Notion UI in 42 app screens, walked flow by flow from onboarding onward, and 6 website sections. Every one is free to look at here; sign up to see them full size, with motion and the notes behind each design.
Desktop 4
HeroProductivityMinimal lightLight
Bento gridProductivityMinimal lightLight
TestimonialsProductivityMinimal light
FooterProductivityMinimal lightLight
Mobile 2
HeroProductivityMinimal lightLight
TestimonialsProductivityMinimal light
Sign-in / sign-up 3
Sign inAndroidMinimal lightLight
Sign inAndroidMinimal lightLight
Sign inAndroidMinimal lightLight
Onboarding 8
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidMinimal lightLight
OnboardingAndroidPlayful illustratedLight
Home 3
HomeAndroidMinimal lightLight
HomeAndroidMinimal lightLight
HomeAndroidDark techDark
Detail 6
DocsAndroidMinimal lightLight
SettingsAndroidMinimal lightLight
DocsAndroidMinimal lightLight
DetailAndroidMinimal lightLight
CalendarAndroidMinimal lightLight
DocsAndroidDark techDark
Browse 2
ListAndroidMinimal lightLight
ListAndroidMinimal lightLight
Search 3
SearchAndroidMinimal lightLight
SearchAndroidMinimal lightLight
SearchAndroidMinimal lightLight
Create 4
HomeAndroidMinimal lightLight
EditorAndroidMinimal lightLight
EditorAndroidMinimal lightLight
EditorAndroidMinimal lightLight
Empty states 3
Empty stateAndroidMinimal lightLight
Empty stateAndroidMinimal lightLight
Empty stateAndroidMinimal lightLight
Settings 5
SettingsAndroidMinimal lightLight
SettingsAndroidMinimal lightLight
SettingsAndroidMinimal lightLight
SettingsAndroidMinimal lightLight
SettingsAndroidDark techDark
Profile 1
HomeAndroidMinimal lightLight
Paywall 1
PaywallAndroidMinimal lightLight
Other screens 3
ChatAndroidMinimal lightLight
ChatAndroidMinimal lightLight
ChatAndroidMinimal lightLight
Sign up free to keep browsing
See all 48 Notion references full size, with motion and the notes behind each design.
