[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsketch\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":314,"links":315,"dates":369},"\u002Fexamples\u002Fapps\u002Fsketch\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Sketch product screens examples - Nicelydone","Browse Sketch screen design examples. Preview the interface screenshots and explore related UI patterns. The digital design toolkit","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_sign-in_9343f72b_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Sketch design examples","\u002Fexamples\u002Fapps\u002Fsketch",{"label":23,"to":4},"Sketch product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Sketch","sketch","The digital design toolkit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsketch-42f889d5.png","https:\u002F\u002Fwww.sketch.com",[35,39],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",[44,68,79,102,120,138,160,174,190,231,259,289],{"uuid":45,"title":29,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":51,"component_categories":61,"app":66},"6a0c6426-d410-47e6-8c13-31828edf60ed","Sign-in screen where the user authenticates with email and password or SSO, with options to create an account or learn about legacy licenses.",3072,1652,"Sketch from Sketch","screen",[52],{"id":53,"label":54,"slug":55,"rank":56,"group":57},2,"Forgot Password","forgot-password",0,{"id":58,"label":59,"slug":60},1,"Access & Account","access-and-account",[62],{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":29,"description":70,"canonical_path":4,"image":71,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":72,"component_categories":75,"app":77},"53d5bc55-553d-4d5c-9f7d-000da5d97939","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_password-reset_0cfacfaf_nicelydone.png",[73],{"id":53,"label":54,"slug":55,"rank":56,"group":74},{"id":58,"label":59,"slug":60},[76],{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":29,"description":81,"canonical_path":4,"image":82,"width":47,"height":83,"image_alt":49,"kind":50,"patterns":84,"component_categories":94,"app":100},"a46a8713-969c-4e78-b595-bc7219c01203","Signup page where the user enters their name, email, and password to begin creating a Sketch account, with an alternative option to sign in via SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_sign-up_ead805c4_nicelydone.png",1710,[85,90],{"id":86,"label":87,"slug":88,"rank":56,"group":89},5,"Sign Up","sign-up",{"id":58,"label":59,"slug":60},{"id":58,"label":91,"slug":92,"rank":58,"group":93},"Account Setup","account-setup",{"id":58,"label":59,"slug":60},[95,99],{"id":96,"title":97,"slug":98},227,"Stepper","stepper",{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":29,"description":104,"canonical_path":4,"image":105,"width":47,"height":83,"image_alt":49,"kind":50,"patterns":106,"component_categories":111,"app":118},"e0c96f14-22dd-4c5a-8a59-f06736425740","Signup page where the user enters their name, email, and password as the first step in a multi-step flow to create a new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_sign-up_f59b5968_nicelydone.png",[107,109],{"id":86,"label":87,"slug":88,"rank":56,"group":108},{"id":58,"label":59,"slug":60},{"id":58,"label":91,"slug":92,"rank":58,"group":110},{"id":58,"label":59,"slug":60},[112,116,117],{"id":113,"title":114,"slug":115},240,"Horizontal navigation","horizontal-navigation",{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":29,"description":122,"canonical_path":4,"image":123,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":124,"component_categories":132,"app":136},"8b1fba80-0798-4200-8667-f94948cc0c5c","Onboarding step where the user provides their name and selects their role to personalize their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_8d62c775_nicelydone.png",[125,127],{"id":58,"label":91,"slug":92,"rank":56,"group":126},{"id":58,"label":59,"slug":60},{"id":128,"label":129,"slug":130,"rank":58,"group":131},4,"Sign In","sign-in",{"id":58,"label":59,"slug":60},[133,134,135],{"id":113,"title":114,"slug":115},{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":29,"description":140,"canonical_path":4,"image":141,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":142,"component_categories":155,"app":158},"de9bf48f-f9b0-4b12-8699-ef8e2a02332b","Onboarding step where the user provides their name and selects their role before creating a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_7136456e_nicelydone.png",[143,145,153],{"id":58,"label":91,"slug":92,"rank":56,"group":144},{"id":58,"label":59,"slug":60},{"id":146,"label":147,"slug":148,"rank":58,"group":149},3,"Profile","profile",{"id":150,"label":151,"slug":152},11,"Social & Collaboration","social-and-collaboration",{"id":128,"label":129,"slug":130,"rank":53,"group":154},{"id":58,"label":59,"slug":60},[156,157],{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":29,"description":162,"canonical_path":4,"image":163,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":164,"component_categories":169,"app":172},"80813d9f-b9b4-4a7b-9535-1ac8a1cbbcaa","Onboarding step where the user provides their name and selects their role from an open dropdown menu to personalize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_dropdown-other-states_onboarding_357f7492_nicelydone.png",[165,167],{"id":58,"label":91,"slug":92,"rank":56,"group":166},{"id":58,"label":59,"slug":60},{"id":146,"label":147,"slug":148,"rank":58,"group":168},{"id":150,"label":151,"slug":152},[170,171],{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":29,"description":176,"canonical_path":4,"image":177,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":178,"component_categories":185,"app":188},"de3aed84-5648-424a-9e45-a5a12c578643","Onboarding step where the user enters their name and selects their role to personalize their account before creating a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_16a7df1a_nicelydone.png",[179,181,183],{"id":58,"label":91,"slug":92,"rank":56,"group":180},{"id":58,"label":59,"slug":60},{"id":146,"label":147,"slug":148,"rank":58,"group":182},{"id":150,"label":151,"slug":152},{"id":128,"label":129,"slug":130,"rank":53,"group":184},{"id":58,"label":59,"slug":60},[186,187],{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":29,"description":192,"canonical_path":4,"image":193,"width":47,"height":194,"image_alt":49,"kind":50,"patterns":195,"component_categories":221,"app":229},"d342620e-2665-46b2-9818-d1d0bac7bd9f","Onboarding step where the user names their new workspace, optionally uploads a workspace image, and can invite teammates before starting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_01f65552_nicelydone.png",1902,[196,204,211,219],{"id":197,"label":198,"slug":199,"rank":56,"group":200},75,"Setup Wizard","setup-wizard",{"id":201,"label":202,"slug":203},7,"Onboarding & Education","onboarding-and-education",{"id":205,"label":206,"slug":207,"rank":58,"group":208},133,"Invite Teammates","invite-teammates",{"id":53,"label":209,"slug":210},"Actions","actions",{"id":212,"label":213,"slug":214,"rank":53,"group":215},104,"Team Management","team-management",{"id":216,"label":217,"slug":218},10,"Settings & Admin","settings-and-admin",{"id":58,"label":91,"slug":92,"rank":146,"group":220},{"id":58,"label":59,"slug":60},[222,226,227,228],{"id":223,"title":224,"slug":225},169,"Avatar","avatar",{"id":113,"title":114,"slug":115},{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":230},[],{"uuid":232,"title":29,"description":233,"canonical_path":4,"image":234,"width":47,"height":235,"image_alt":49,"kind":50,"patterns":236,"component_categories":245,"app":257},"65a461cb-5e4c-43dc-bbef-044ed7bdba89","Onboarding step where the user names their workspace, uploads an optional logo, and invites initial team members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_team_1c189f5a_nicelydone.png",2198,[237,239,241,243],{"id":197,"label":198,"slug":199,"rank":56,"group":238},{"id":201,"label":202,"slug":203},{"id":205,"label":206,"slug":207,"rank":58,"group":240},{"id":53,"label":209,"slug":210},{"id":212,"label":213,"slug":214,"rank":53,"group":242},{"id":216,"label":217,"slug":218},{"id":58,"label":91,"slug":92,"rank":146,"group":244},{"id":58,"label":59,"slug":60},[246,250,254,255,256],{"id":247,"title":248,"slug":249},174,"Card","card",{"id":251,"title":252,"slug":253},260,"Badge","badge",{"id":223,"title":224,"slug":225},{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":29,"description":261,"canonical_path":4,"image":262,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":263,"component_categories":277,"app":287},"d3b4eb19-4152-4dbe-91ad-7ab093a72a14","Onboarding step where the user names their new workspace, uploads a workspace image, and invites members by email with Viewer, Editor, or Admin roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_settings_onboarding_team_41bec1b1_nicelydone.png",[264,266,268,270,275],{"id":197,"label":198,"slug":199,"rank":56,"group":265},{"id":201,"label":202,"slug":203},{"id":205,"label":206,"slug":207,"rank":58,"group":267},{"id":53,"label":209,"slug":210},{"id":212,"label":213,"slug":214,"rank":53,"group":269},{"id":216,"label":217,"slug":218},{"id":271,"label":272,"slug":273,"rank":146,"group":274},100,"Roles & Permissions","roles-and-permissions",{"id":216,"label":217,"slug":218},{"id":58,"label":91,"slug":92,"rank":128,"group":276},{"id":58,"label":59,"slug":60},[278,282,283,284,285,286],{"id":279,"title":280,"slug":281},214,"Popover","popover",{"id":251,"title":252,"slug":253},{"id":223,"title":224,"slug":225},{"id":113,"title":114,"slug":115},{"id":96,"title":97,"slug":98},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":288},[],{"uuid":290,"title":29,"description":291,"canonical_path":4,"image":292,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":293,"component_categories":304,"app":312},"4a07b6d7-9a16-4700-80e2-3cd02c6c2b13","Onboarding step where the user enters a legacy Sketch license key to exchange it for workspace credit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_modals-and-popovers_billing_21ef4ddc_nicelydone.png",[294,296],{"id":58,"label":91,"slug":92,"rank":56,"group":295},{"id":58,"label":59,"slug":60},{"id":297,"label":298,"slug":299,"rank":58,"group":300},114,"Confirmation","confirmation",{"id":301,"label":302,"slug":303},12,"States & Feedback","states-and-feedback",[305,309,310,311],{"id":306,"title":307,"slug":308},284,"Modal","modal",{"id":223,"title":224,"slug":225},{"id":113,"title":114,"slug":115},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":313},[],[],[316,318,320,322,324,326,328,330,332,334,336,339,342,345,348,351,353,357,361,365],{"label":91,"to":317},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":206,"to":319},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":147,"to":321},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":198,"to":323},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":129,"to":325},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":213,"to":327},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":54,"to":329},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":87,"to":331},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":298,"to":333},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":272,"to":335},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":337,"to":338},"Sketch marketing pages","\u002Fexamples\u002Fapps\u002Fsketch\u002Fmarketing",{"label":340,"to":341},"Sketch user flows","\u002Fexamples\u002Fapps\u002Fsketch\u002Fflows",{"label":343,"to":344},"Sketch UI components","\u002Fexamples\u002Fapps\u002Fsketch\u002Fcomponents",{"label":346,"to":347},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":349,"to":350},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":352,"to":18},"All SaaS app examples",{"label":354,"to":355,"description":356},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":358,"to":359,"description":360},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":362,"to":363,"description":364},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":366,"to":367,"description":368},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":370,"updated_at":371},"2020-04-07T13:36:21.000Z","2026-09-13T13:02:39.000Z"]