[{"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":372,"dates":406},"\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,366,369],{"family":55,"examples":56},"screens",[57,81,104,125,147,188,221,246,272,294,314,340],{"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":85,"image_alt":62,"kind":63,"patterns":86,"component_categories":96,"app":102},"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,[87,92],{"id":88,"label":89,"slug":90,"rank":69,"group":91},5,"Sign Up","sign-up",{"id":71,"label":72,"slug":73},{"id":71,"label":93,"slug":94,"rank":71,"group":95},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},[97,101],{"id":98,"title":99,"slug":100},227,"Stepper","stepper",{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":103},[],{"uuid":105,"title":38,"description":106,"canonical_path":29,"image":107,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":108,"component_categories":116,"app":123},"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",[109,111],{"id":71,"label":93,"slug":94,"rank":69,"group":110},{"id":71,"label":72,"slug":73},{"id":112,"label":113,"slug":114,"rank":71,"group":115},4,"Sign In","sign-in",{"id":71,"label":72,"slug":73},[117,118,122],{"id":98,"title":99,"slug":100},{"id":119,"title":120,"slug":121},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":124},[],{"uuid":126,"title":38,"description":127,"canonical_path":29,"image":128,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":129,"component_categories":142,"app":145},"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",[130,132,140],{"id":71,"label":93,"slug":94,"rank":69,"group":131},{"id":71,"label":72,"slug":73},{"id":133,"label":134,"slug":135,"rank":71,"group":136},3,"Profile","profile",{"id":137,"label":138,"slug":139},11,"Social & Collaboration","social-and-collaboration",{"id":112,"label":113,"slug":114,"rank":66,"group":141},{"id":71,"label":72,"slug":73},[143,144],{"id":98,"title":99,"slug":100},{"id":76,"title":77,"slug":78},{"slug":39,"title":38,"logo":41,"categories":146},[],{"uuid":148,"title":38,"description":149,"canonical_path":29,"image":150,"width":60,"height":151,"image_alt":62,"kind":63,"patterns":152,"component_categories":178,"app":186},"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,[153,161,168,176],{"id":154,"label":155,"slug":156,"rank":69,"group":157},75,"Setup Wizard","setup-wizard",{"id":158,"label":159,"slug":160},7,"Onboarding & Education","onboarding-and-education",{"id":162,"label":163,"slug":164,"rank":71,"group":165},133,"Invite Teammates","invite-teammates",{"id":66,"label":166,"slug":167},"Actions","actions",{"id":169,"label":170,"slug":171,"rank":66,"group":172},104,"Team Management","team-management",{"id":173,"label":174,"slug":175},10,"Settings & Admin","settings-and-admin",{"id":71,"label":93,"slug":94,"rank":133,"group":177},{"id":71,"label":72,"slug":73},[179,180,181,182],{"id":98,"title":99,"slug":100},{"id":119,"title":120,"slug":121},{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},169,"Avatar","avatar",{"slug":39,"title":38,"logo":41,"categories":187},[],{"uuid":189,"title":38,"description":190,"canonical_path":29,"image":191,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":192,"component_categories":206,"app":219},"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",[193,195,197,199,204],{"id":154,"label":155,"slug":156,"rank":69,"group":194},{"id":158,"label":159,"slug":160},{"id":162,"label":163,"slug":164,"rank":71,"group":196},{"id":66,"label":166,"slug":167},{"id":169,"label":170,"slug":171,"rank":66,"group":198},{"id":173,"label":174,"slug":175},{"id":200,"label":201,"slug":202,"rank":133,"group":203},100,"Roles & Permissions","roles-and-permissions",{"id":173,"label":174,"slug":175},{"id":71,"label":93,"slug":94,"rank":112,"group":205},{"id":71,"label":72,"slug":73},[207,211,212,216,217,218],{"id":208,"title":209,"slug":210},214,"Popover","popover",{"id":98,"title":99,"slug":100},{"id":213,"title":214,"slug":215},260,"Badge","badge",{"id":119,"title":120,"slug":121},{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":220},[],{"uuid":222,"title":38,"description":223,"canonical_path":29,"image":224,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":225,"component_categories":236,"app":244},"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",[226,228],{"id":71,"label":93,"slug":94,"rank":69,"group":227},{"id":71,"label":72,"slug":73},{"id":229,"label":230,"slug":231,"rank":71,"group":232},114,"Confirmation","confirmation",{"id":233,"label":234,"slug":235},12,"States & Feedback","states-and-feedback",[237,241,242,243],{"id":238,"title":239,"slug":240},284,"Modal","modal",{"id":119,"title":120,"slug":121},{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":245},[],{"uuid":247,"title":38,"description":248,"canonical_path":29,"image":249,"width":60,"height":250,"image_alt":62,"kind":63,"patterns":251,"component_categories":265,"app":270},"55dd21a8-a0cd-41e5-9f3d-c8278c45c43e","Onboarding step where the user names their workspace, uploads an optional image, and invites teammates with specific roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_team_40b6b99e_nicelydone.png",2454,[252,254,256,258,260],{"id":154,"label":155,"slug":156,"rank":69,"group":253},{"id":158,"label":159,"slug":160},{"id":162,"label":163,"slug":164,"rank":71,"group":255},{"id":66,"label":166,"slug":167},{"id":169,"label":170,"slug":171,"rank":66,"group":257},{"id":173,"label":174,"slug":175},{"id":200,"label":201,"slug":202,"rank":133,"group":259},{"id":173,"label":174,"slug":175},{"id":261,"label":262,"slug":263,"rank":112,"group":264},25,"Upload & Download","upload-and-download",{"id":66,"label":166,"slug":167},[266,267,268,269],{"id":98,"title":99,"slug":100},{"id":213,"title":214,"slug":215},{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"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":284,"app":292},"6fb358b9-ad76-4685-ba30-1133b882bac8","Onboarding step where the user is welcomed after setup and presented with three cards offering to download the Mac app, read guides, or add a payment method before continuing to the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_onboarding_navigation_8dd4932b_nicelydone.png",[277,282],{"id":278,"label":279,"slug":280,"rank":69,"group":281},77,"Welcome","welcome",{"id":158,"label":159,"slug":160},{"id":71,"label":93,"slug":94,"rank":71,"group":283},{"id":71,"label":72,"slug":73},[285,286,290,291],{"id":119,"title":120,"slug":121},{"id":287,"title":288,"slug":289},174,"Card","card",{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":293},[],{"uuid":295,"title":296,"description":297,"canonical_path":29,"image":298,"width":60,"height":61,"image_alt":299,"kind":63,"patterns":300,"component_categories":308,"app":312},"2aa9881c-2e16-4da9-a9f8-b87e7b7f359a","Sketch - Documents","List view for workspace documents showing an empty state and a banner prompting the user to verify their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_empty-state_a92dabc8_nicelydone.png","Sketch - Documents from Sketch",[301,306],{"id":302,"label":303,"slug":304,"rank":69,"group":305},115,"Empty State","empty-state",{"id":233,"label":234,"slug":235},{"id":71,"label":93,"slug":94,"rank":71,"group":307},{"id":71,"label":72,"slug":73},[309,310,311],{"id":119,"title":120,"slug":121},{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":313},[],{"uuid":315,"title":296,"description":316,"canonical_path":29,"image":317,"width":60,"height":61,"image_alt":299,"kind":63,"patterns":318,"component_categories":335,"app":338},"4ceb559d-234a-402c-b713-5cec737b21f2","Dashboard showing an empty state for a new workspace, featuring a prompt to verify the user's email address and options to create a new project or workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_empty-state_ff48b7ec_nicelydone.png",[319,321,328,330],{"id":302,"label":303,"slug":304,"rank":69,"group":320},{"id":233,"label":234,"slug":235},{"id":322,"label":323,"slug":324,"rank":71,"group":325},81,"Home","home",{"id":45,"label":326,"slug":327},"Pages & Content","pages-and-content",{"id":71,"label":93,"slug":94,"rank":66,"group":329},{"id":71,"label":72,"slug":73},{"id":331,"label":332,"slug":333,"rank":133,"group":334},22,"Search","search",{"id":66,"label":166,"slug":167},[336,337],{"id":76,"title":77,"slug":78},{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":339},[],{"uuid":341,"title":296,"description":342,"canonical_path":29,"image":343,"width":60,"height":61,"image_alt":299,"kind":63,"patterns":344,"component_categories":362,"app":364},"44a33beb-e1c7-473a-b13d-3bcaf9ccff31","List view of a workspace where the user sees an empty state for documents and a banner prompting them to verify their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_dropdown-other-states_navigation_1fa8b500_nicelydone.png",[345,347,354],{"id":302,"label":303,"slug":304,"rank":69,"group":346},{"id":233,"label":234,"slug":235},{"id":348,"label":349,"slug":350,"rank":71,"group":351},41,"Dashboard","dashboard",{"id":112,"label":352,"slug":353},"Data & Analysis","data-and-analysis",{"id":355,"label":356,"slug":357,"rank":66,"group":358},71,"Workspace Switcher","workspace-switcher",{"id":359,"label":360,"slug":361},6,"Navigation & Commands","navigation-and-commands",[363],{"id":183,"title":184,"slug":185},{"slug":39,"title":38,"logo":41,"categories":365},[],{"family":367,"examples":368},"flows",[],{"family":370,"examples":371},"pages",[],[373,375,377,379,382,385,388,390,394,398,402],{"label":374,"to":29},"Sketch product screens",{"label":376,"to":35},"Sketch marketing pages",{"label":378,"to":32},"Sketch user flows",{"label":380,"to":381},"Sketch UI components","\u002Fexamples\u002Fapps\u002Fsketch\u002Fcomponents",{"label":383,"to":384},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":386,"to":387},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":389,"to":18},"All SaaS app examples",{"label":391,"to":392,"description":393},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":395,"to":396,"description":397},"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":399,"to":400,"description":401},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":403,"to":404,"description":405},"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":407,"updated_at":408},"2020-04-07T13:36:21.000Z","2026-09-13T13:02:39.000Z"]