[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsketch":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":333,"dates":367},"\u002Fexamples\u002Fapps\u002Fsketch","detail","apps",true,{"title":9,"description":10,"og_image":11},"Sketch design examples - Nicelydone","Explore Sketch UI design examples. The digital design toolkit","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_sign-in_9343f72b_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Sketch design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Sketch",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsketch\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsketch\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fsketch\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Sketch","sketch","The digital design toolkit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsketch-42f889d5.png","https:\u002F\u002Fwww.sketch.com",[44,48],{"id":45,"title":46,"slug":47},8,"Design","design",{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",[],[54,327,330],{"family":55,"examples":56},"screens",[57,81,92,115,133,151,173,187,203,244,272,302],{"uuid":58,"title":38,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":79},"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",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},2,"Forgot Password","forgot-password",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":80},[],{"uuid":82,"title":38,"description":83,"canonical_path":29,"image":84,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":85,"component_categories":88,"app":90},"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",[86],{"id":66,"label":67,"slug":68,"rank":69,"group":87},{"id":71,"label":72,"slug":73},[89],{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":91},[],{"uuid":93,"title":38,"description":94,"canonical_path":29,"image":95,"width":60,"height":96,"image_alt":62,"kind":63,"patterns":97,"component_categories":107,"app":113},"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,[98,103],{"id":99,"label":100,"slug":101,"rank":69,"group":102},5,"Sign Up","sign-up",{"id":71,"label":72,"slug":73},{"id":71,"label":104,"slug":105,"rank":71,"group":106},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},[108,112],{"id":109,"title":110,"slug":111},227,"Stepper","stepper",{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":114},[],{"uuid":116,"title":38,"description":117,"canonical_path":29,"image":118,"width":60,"height":96,"image_alt":62,"kind":63,"patterns":119,"component_categories":124,"app":131},"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",[120,122],{"id":99,"label":100,"slug":101,"rank":69,"group":121},{"id":71,"label":72,"slug":73},{"id":71,"label":104,"slug":105,"rank":71,"group":123},{"id":71,"label":72,"slug":73},[125,129,130],{"id":126,"title":127,"slug":128},240,"Horizontal navigation","horizontal-navigation",{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":132},[],{"uuid":134,"title":38,"description":135,"canonical_path":29,"image":136,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":137,"component_categories":145,"app":149},"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",[138,140],{"id":71,"label":104,"slug":105,"rank":69,"group":139},{"id":71,"label":72,"slug":73},{"id":141,"label":142,"slug":143,"rank":71,"group":144},4,"Sign In","sign-in",{"id":71,"label":72,"slug":73},[146,147,148],{"id":126,"title":127,"slug":128},{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":150},[],{"uuid":152,"title":38,"description":153,"canonical_path":29,"image":154,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":155,"component_categories":168,"app":171},"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",[156,158,166],{"id":71,"label":104,"slug":105,"rank":69,"group":157},{"id":71,"label":72,"slug":73},{"id":159,"label":160,"slug":161,"rank":71,"group":162},3,"Profile","profile",{"id":163,"label":164,"slug":165},11,"Social & Collaboration","social-and-collaboration",{"id":141,"label":142,"slug":143,"rank":66,"group":167},{"id":71,"label":72,"slug":73},[169,170],{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":172},[],{"uuid":174,"title":38,"description":175,"canonical_path":29,"image":176,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":177,"component_categories":182,"app":185},"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",[178,180],{"id":71,"label":104,"slug":105,"rank":69,"group":179},{"id":71,"label":72,"slug":73},{"id":159,"label":160,"slug":161,"rank":71,"group":181},{"id":163,"label":164,"slug":165},[183,184],{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":186},[],{"uuid":188,"title":38,"description":189,"canonical_path":29,"image":190,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":191,"component_categories":198,"app":201},"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",[192,194,196],{"id":71,"label":104,"slug":105,"rank":69,"group":193},{"id":71,"label":72,"slug":73},{"id":159,"label":160,"slug":161,"rank":71,"group":195},{"id":163,"label":164,"slug":165},{"id":141,"label":142,"slug":143,"rank":66,"group":197},{"id":71,"label":72,"slug":73},[199,200],{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":202},[],{"uuid":204,"title":38,"description":205,"canonical_path":29,"image":206,"width":60,"height":207,"image_alt":62,"kind":63,"patterns":208,"component_categories":234,"app":242},"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,[209,217,224,232],{"id":210,"label":211,"slug":212,"rank":69,"group":213},75,"Setup Wizard","setup-wizard",{"id":214,"label":215,"slug":216},7,"Onboarding & Education","onboarding-and-education",{"id":218,"label":219,"slug":220,"rank":71,"group":221},133,"Invite Teammates","invite-teammates",{"id":66,"label":222,"slug":223},"Actions","actions",{"id":225,"label":226,"slug":227,"rank":66,"group":228},104,"Team Management","team-management",{"id":229,"label":230,"slug":231},10,"Settings & Admin","settings-and-admin",{"id":71,"label":104,"slug":105,"rank":159,"group":233},{"id":71,"label":72,"slug":73},[235,239,240,241],{"id":236,"title":237,"slug":238},169,"Avatar","avatar",{"id":126,"title":127,"slug":128},{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":243},[],{"uuid":245,"title":38,"description":246,"canonical_path":29,"image":247,"width":60,"height":248,"image_alt":62,"kind":63,"patterns":249,"component_categories":258,"app":270},"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,[250,252,254,256],{"id":210,"label":211,"slug":212,"rank":69,"group":251},{"id":214,"label":215,"slug":216},{"id":218,"label":219,"slug":220,"rank":71,"group":253},{"id":66,"label":222,"slug":223},{"id":225,"label":226,"slug":227,"rank":66,"group":255},{"id":229,"label":230,"slug":231},{"id":71,"label":104,"slug":105,"rank":159,"group":257},{"id":71,"label":72,"slug":73},[259,263,267,268,269],{"id":260,"title":261,"slug":262},174,"Card","card",{"id":264,"title":265,"slug":266},260,"Badge","badge",{"id":236,"title":237,"slug":238},{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":271},[],{"uuid":273,"title":38,"description":274,"canonical_path":29,"image":275,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":276,"component_categories":290,"app":300},"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",[277,279,281,283,288],{"id":210,"label":211,"slug":212,"rank":69,"group":278},{"id":214,"label":215,"slug":216},{"id":218,"label":219,"slug":220,"rank":71,"group":280},{"id":66,"label":222,"slug":223},{"id":225,"label":226,"slug":227,"rank":66,"group":282},{"id":229,"label":230,"slug":231},{"id":284,"label":285,"slug":286,"rank":159,"group":287},100,"Roles & Permissions","roles-and-permissions",{"id":229,"label":230,"slug":231},{"id":71,"label":104,"slug":105,"rank":141,"group":289},{"id":71,"label":72,"slug":73},[291,295,296,297,298,299],{"id":292,"title":293,"slug":294},214,"Popover","popover",{"id":264,"title":265,"slug":266},{"id":236,"title":237,"slug":238},{"id":126,"title":127,"slug":128},{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":301},[],{"uuid":303,"title":38,"description":304,"canonical_path":29,"image":305,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":306,"component_categories":317,"app":325},"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",[307,309],{"id":71,"label":104,"slug":105,"rank":69,"group":308},{"id":71,"label":72,"slug":73},{"id":310,"label":311,"slug":312,"rank":71,"group":313},114,"Confirmation","confirmation",{"id":314,"label":315,"slug":316},12,"States & Feedback","states-and-feedback",[318,322,323,324],{"id":319,"title":320,"slug":321},284,"Modal","modal",{"id":236,"title":237,"slug":238},{"id":126,"title":127,"slug":128},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":326},[],{"family":328,"examples":329},"flows",[],{"family":331,"examples":332},"pages",[],[334,336,338,340,343,346,349,351,355,359,363],{"label":335,"to":29},"Sketch product screens",{"label":337,"to":35},"Sketch marketing pages",{"label":339,"to":32},"Sketch user flows",{"label":341,"to":342},"Sketch UI components","\u002Fexamples\u002Fapps\u002Fsketch\u002Fcomponents",{"label":344,"to":345},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":347,"to":348},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":350,"to":18},"All SaaS app examples",{"label":352,"to":353,"description":354},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":356,"to":357,"description":358},"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":360,"to":361,"description":362},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":364,"to":365,"description":366},"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":368,"updated_at":369},"2020-04-07T13:36:21.000Z","2026-09-13T13:02:39.000Z"]