[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplain\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":312,"links":313,"dates":374},"\u002Fexamples\u002Fapps\u002Fplain\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Plain product screens examples - Nicelydone","Browse Plain screen design examples. Preview the interface screenshots and explore related UI patterns. Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3edc25c6-9e9b-40e5-85f1-e7c777d4e5d8.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},"Plain design examples","\u002Fexamples\u002Fapps\u002Fplain",{"label":23,"to":4},"Plain 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,"twitter_username":34,"categories":35},"Plain","plain","Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplain-2c058027.png","https:\u002F\u002Fplain.com","plainsupport",[36,40,44,48],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},47,"Customer Service","customer-service",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",[53,82,101,121,142,165,179,199,213,241,259,275],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":80},"3edc25c6-9e9b-40e5-85f1-e7c777d4e5d8","Log in | Support App","Sign-in screen where the user authenticates via Google to access the Support App.",3024,1738,"Log in | Support App from Plain","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76],{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":57,"height":58,"image_alt":87,"kind":60,"patterns":88,"component_categories":93,"app":99},"05584ddf-aa85-4da2-97d9-d2fef6e5d617","Set up user account - Plain","Onboarding step where the user confirms their full name and public alias after authenticating.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05584ddf-aa85-4da2-97d9-d2fef6e5d617.png","Set up user account - Plain from Plain",[89],{"id":68,"label":90,"slug":91,"rank":66,"group":92},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[94,98],{"id":95,"title":96,"slug":97},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":84,"description":103,"canonical_path":4,"image":104,"width":57,"height":58,"image_alt":87,"kind":60,"patterns":105,"component_categories":116,"app":119},"7d3fdab1-c4a5-45ec-9fcd-d84bdc3a7e8b","Onboarding step where the user confirms their full name and public alias, and agrees to the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d3fdab1-c4a5-45ec-9fcd-d84bdc3a7e8b.png",[106,108],{"id":68,"label":90,"slug":91,"rank":66,"group":107},{"id":68,"label":69,"slug":70},{"id":109,"label":110,"slug":111,"rank":68,"group":112},3,"Profile","profile",{"id":113,"label":114,"slug":115},11,"Social & Collaboration","social-and-collaboration",[117,118],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":57,"height":58,"image_alt":126,"kind":60,"patterns":127,"component_categories":137,"app":140},"14e6ac23-b0c3-4a8c-9d2d-781a2b6e6325","Tell us how you work - Plain","Onboarding step where the user provides context about their current support tools, timeline, and discovery source via a form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14e6ac23-b0c3-4a8c-9d2d-781a2b6e6325.png","Tell us how you work - Plain from Plain",[128,135],{"id":129,"label":130,"slug":131,"rank":66,"group":132},42,"Form","form",{"id":63,"label":133,"slug":134},"Data & Analysis","data-and-analysis",{"id":68,"label":90,"slug":91,"rank":68,"group":136},{"id":68,"label":69,"slug":70},[138,139],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":123,"description":144,"canonical_path":4,"image":145,"width":57,"height":58,"image_alt":126,"kind":60,"patterns":146,"component_categories":160,"app":163},"e0c048c3-ba72-4512-9c27-38545dd461fb","Onboarding step where the user provides context about their current support tools, timeline, and attribution via a short form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0c048c3-ba72-4512-9c27-38545dd461fb.png",[147,149,151],{"id":68,"label":90,"slug":91,"rank":66,"group":148},{"id":68,"label":69,"slug":70},{"id":129,"label":130,"slug":131,"rank":68,"group":150},{"id":63,"label":133,"slug":134},{"id":152,"label":153,"slug":154,"rank":155,"group":156},75,"Setup Wizard","setup-wizard",2,{"id":157,"label":158,"slug":159},7,"Onboarding & Education","onboarding-and-education",[161,162],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":123,"description":167,"canonical_path":4,"image":168,"width":57,"height":58,"image_alt":126,"kind":60,"patterns":169,"component_categories":174,"app":177},"113b3c65-2275-4538-86f0-1582c880b44b","Onboarding step where the user answers questions about their current support tools, timeline, and referral source to tailor their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F113b3c65-2275-4538-86f0-1582c880b44b.png",[170,172],{"id":129,"label":130,"slug":131,"rank":66,"group":171},{"id":63,"label":133,"slug":134},{"id":68,"label":90,"slug":91,"rank":68,"group":173},{"id":68,"label":69,"slug":70},[175,176],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":57,"height":58,"image_alt":184,"kind":60,"patterns":185,"component_categories":194,"app":197},"5a758833-13c8-44cb-a0cf-dcf58a15bf4f","Create a workspace - Plain","Onboarding step where the user chooses between creating a new custom workspace or a dummy-data demo workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a758833-13c8-44cb-a0cf-dcf58a15bf4f.png","Create a workspace - Plain from Plain",[186,188],{"id":68,"label":90,"slug":91,"rank":66,"group":187},{"id":68,"label":69,"slug":70},{"id":157,"label":189,"slug":190,"rank":68,"group":191},"Add & Create","add-and-create",{"id":155,"label":192,"slug":193},"Actions","actions",[195,196],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":181,"description":201,"canonical_path":4,"image":202,"width":57,"height":58,"image_alt":184,"kind":60,"patterns":203,"component_categories":208,"app":211},"339b5e4b-e2a8-440b-bd83-5e42a6c80116","Creation screen where the user chooses between starting a blank new workspace or exploring a pre-populated demo workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F339b5e4b-e2a8-440b-bd83-5e42a6c80116.png",[204,206],{"id":68,"label":90,"slug":91,"rank":66,"group":205},{"id":68,"label":69,"slug":70},{"id":157,"label":189,"slug":190,"rank":68,"group":207},{"id":155,"label":192,"slug":193},[209,210],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":181,"description":215,"canonical_path":4,"image":216,"width":57,"height":58,"image_alt":184,"kind":60,"patterns":217,"component_categories":236,"app":239},"c48fe3f1-d3d1-4c14-b0c3-ab45f6ccb4f7","Create page where the user selects between starting a blank workspace or generating a demo workspace populated with dummy data, currently in a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc48fe3f1-d3d1-4c14-b0c3-ab45f6ccb4f7.png",[218,226,228],{"id":219,"label":220,"slug":221,"rank":66,"group":222},120,"Loading","loading",{"id":223,"label":224,"slug":225},12,"States & Feedback","states-and-feedback",{"id":152,"label":153,"slug":154,"rank":68,"group":227},{"id":157,"label":158,"slug":159},{"id":229,"label":230,"slug":231,"rank":155,"group":232},71,"Workspace Switcher","workspace-switcher",{"id":233,"label":234,"slug":235},6,"Navigation & Commands","navigation-and-commands",[237,238],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":181,"description":243,"canonical_path":4,"image":244,"width":57,"height":58,"image_alt":184,"kind":60,"patterns":245,"component_categories":253,"app":257},"05c8f9f7-f844-4a8a-8e48-e969bb109e0e","Workspace creation screen where the user chooses between starting a fresh workspace or exploring a pre-populated demo environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05c8f9f7-f844-4a8a-8e48-e969bb109e0e.png",[246,248],{"id":157,"label":189,"slug":190,"rank":66,"group":247},{"id":155,"label":192,"slug":193},{"id":249,"label":250,"slug":251,"rank":68,"group":252},74,"Onboarding Checklist","onboarding-checklist",{"id":157,"label":158,"slug":159},[254,255,256],{"id":73,"title":74,"slug":75},{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":181,"description":261,"canonical_path":4,"image":262,"width":57,"height":58,"image_alt":184,"kind":60,"patterns":263,"component_categories":270,"app":273},"de37d06a-d6f3-4a35-a2ed-770c7eccf935","Onboarding step where the user chooses to create a blank workspace or a demo workspace populated with dummy data, currently showing a delayed loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde37d06a-d6f3-4a35-a2ed-770c7eccf935.png",[264,266,268],{"id":157,"label":189,"slug":190,"rank":66,"group":265},{"id":155,"label":192,"slug":193},{"id":249,"label":250,"slug":251,"rank":68,"group":267},{"id":157,"label":158,"slug":159},{"id":219,"label":220,"slug":221,"rank":155,"group":269},{"id":223,"label":224,"slug":225},[271,272],{"id":95,"title":96,"slug":97},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":274},[],{"uuid":276,"title":277,"description":278,"canonical_path":4,"image":279,"width":57,"height":280,"image_alt":281,"kind":60,"patterns":282,"component_categories":303,"app":310},"1dddbfee-594f-415c-99f1-d4fa31f81080","Welcome - Plain","Onboarding welcome screen for a demo workspace, providing contact options, a generated demo email address, and next steps for team and workspace setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1dddbfee-594f-415c-99f1-d4fa31f81080.png",2704,"Welcome - Plain from Plain",[283,288,293,301],{"id":284,"label":285,"slug":286,"rank":66,"group":287},77,"Welcome","welcome",{"id":157,"label":158,"slug":159},{"id":289,"label":290,"slug":291,"rank":68,"group":292},72,"Getting Started","getting-started",{"id":157,"label":158,"slug":159},{"id":294,"label":295,"slug":296,"rank":155,"group":297},104,"Team Management","team-management",{"id":298,"label":299,"slug":300},10,"Settings & Admin","settings-and-admin",{"id":249,"label":250,"slug":251,"rank":109,"group":302},{"id":157,"label":158,"slug":159},[304,308,309],{"id":305,"title":306,"slug":307},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":311},[],[],[314,316,318,320,322,324,326,328,330,332,334,336,338,341,344,347,350,353,356,358,362,366,370],{"label":90,"to":315},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":189,"to":317},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":130,"to":319},"\u002Fexamples\u002Fscreens\u002Fform",{"label":250,"to":321},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":220,"to":323},"\u002Fexamples\u002Fscreens\u002Floading",{"label":153,"to":325},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":290,"to":327},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":110,"to":329},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":64,"to":331},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":295,"to":333},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":285,"to":335},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":230,"to":337},"\u002Fexamples\u002Fscreens\u002Fworkspace-switcher",{"label":339,"to":340},"Plain marketing pages","\u002Fexamples\u002Fapps\u002Fplain\u002Fmarketing",{"label":342,"to":343},"Plain user flows","\u002Fexamples\u002Fapps\u002Fplain\u002Fflows",{"label":345,"to":346},"Plain UI components","\u002Fexamples\u002Fapps\u002Fplain\u002Fcomponents",{"label":348,"to":349},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":351,"to":352},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":354,"to":355},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":357,"to":18},"All SaaS app examples",{"label":359,"to":360,"description":361},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":363,"to":364,"description":365},"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":367,"to":368,"description":369},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":371,"to":372,"description":373},"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":375,"updated_at":376},"2023-02-15T09:36:04.000Z","2026-09-13T13:02:39.000Z"]