Screens
Settings design examples

SaaS Settings page design examples

Settings page design in SaaS apps lets users personalize their experience. Think of it as customizing a new phone! Users adjust account info, security, notifications, privacy, app preferences, integrations, and billing. Sometimes called 'Preferences' or 'Account,' it puts users i...
Twenty settings ui page example
Twenty logo
Twenty
Fourthwall signin ui page example
Fourthwall logo
Fourthwall
Hypermode settings ui page example
Hypermode logo
Hypermode
Freckle settings form modal & popover table modal screen data management configuration settings e-commerce grid form automation data mapping sidebar table ui page example
Freckle logo
Freckle
Craft settings ui page example
Craft logo
Craft
FeatureOS settings detail page form activity feed collaboration project management form feedback collection tagging attachment sidebar ui page example
FeatureOS logo
FeatureOS
Clay settings ui page example
Clay logo
Clay
Vimeo settings settings setup ui page example
Vimeo logo
Vimeo
Chronicle settings content editor settings document editing color selection ui page example
Chronicle logo
Chronicle
Jasper settings ui page example
Jasper logo
Jasper
Huly settings ui page example
Huly logo
Huly
Midjourney settings ui page example
Midjourney logo
Midjourney
Delphi settings ui page example
Delphi logo
Delphi
Air settings ui page example
Air logo
Air
Mangomint settings create onboarding onboarding account setup confirmation setup ui page example
Mangomint logo
Mangomint
Gamma settings ui page example
Gamma logo
Gamma
Creatopy settings detail page edit modal screen settings ui page example
Creatopy logo
Creatopy
Midday settings import modal & popover modal screen account management onboarding finance account settings ui page example
Midday logo
Midday
Copilot signin settings home artificial intelligence onboarding full-screen layout sign in chat interface ui page example
Copilot logo
Copilot
Evervault settings create form configuration settings onboarding form full screen modal parameters create enterprise settings version control ui page example
Evervault logo
Evervault
Tabular settings content editor form configuration e-commerce grid form progress indicator content hierarchy sidebar ui page example
Tabular logo
Tabular
Notion Mail settings notification list configuration settings automation email management email inbox parameters communication menu ui page example
Notion Mail logo
Notion Mail
Record club settings onboarding modal & popover configuration settings onboarding drag and drop instructions preferences parameters ui page example
Record club logo
Record club
Sora profile settings settings account management account setup account settings user account privacy settings call intelligence user profile preferences user user termination profile page avatar upload ui page example
Sora logo
Sora
Grok settings api configuration settings call intelligence parameters ui page example
Grok logo
Grok
Shuttle settings configuration settings grid onboarding full-screen layout sidebar parameters file picker ui page example
Shuttle logo
Shuttle
Bitly settings tools configuration settings dashboard onboarding analytics dashboard progress indicator manage links getting started sidebar parameters quick actions check out ui page example
Bitly logo
Bitly
Lemni settings knowledge data management content management configuration settings dashboard sidebar navigation onboarding file upload knowledge management call intelligence sidebar parameters menu upload file tips ebooks trainings tip dashboard layouts ui page example
Lemni logo
Lemni
Reflect settings keyboard shortcuts configuration settings call to action parameters keyboard shortcuts shortcuts hotkeys quick actions quick keys ui page example
Reflect logo
Reflect
Monarch settings settings onboarding finance tutorial parameters product update ui page example
Monarch logo
Monarch
Assembly settings detail page comments & reactions configuration settings team collaboration campaign management parameters review campaign creation ui page example
Assembly logo
Assembly
Leap settings modal & popover settings parameters ui page example
Leap logo
Leap
Replit settings list messaging settings features management task communication color theme parameters chat interface ui page example
Replit logo
Replit
Supercut settings brand resources configuration settings design color selection parameters assets media assets comment mode ui page example
Supercut logo
Supercut
Front settings onboarding form radio group ui page example
Front logo
Front
WeTransfer settings modal & popover settings design customize document list color palette ui page example
WeTransfer logo
WeTransfer