[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplain":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":61,"showcases":62,"links":331,"dates":350},"\u002Fexamples\u002Fapps\u002Fplain","detail","apps",true,{"title":9,"description":10,"og_image":11},"Plain design examples - Nicelydone","Explore Plain UI design examples. Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3edc25c6-9e9b-40e5-85f1-e7c777d4e5d8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Plain design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Plain",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplain\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fplain\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fplain\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"Plain","plain","Customer support for modern tools","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplain-2c058027.png","https:\u002F\u002Fplain.com","plainsupport",[45,49,53,57],{"id":46,"title":47,"slug":48},48,"Developer Tools","developer-tools",{"id":50,"title":51,"slug":52},47,"Customer Service","customer-service",{"id":54,"title":55,"slug":56},37,"Developer APIs","developer-apis",{"id":58,"title":59,"slug":60},80,"Artificial Intelligence","artificial-intelligence",[],[63,325,328],{"family":64,"examples":65},"screens",[66,95,114,134,155,178,192,212,226,254,272,288],{"uuid":67,"title":68,"description":69,"canonical_path":29,"image":11,"width":70,"height":71,"image_alt":72,"kind":73,"patterns":74,"component_categories":84,"app":93},"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",[75],{"id":76,"label":77,"slug":78,"rank":79,"group":80},4,"Sign In","sign-in",0,{"id":81,"label":82,"slug":83},1,"Access & Account","access-and-account",[85,89],{"id":86,"title":87,"slug":88},174,"Card","card",{"id":90,"title":91,"slug":92},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":29,"image":99,"width":70,"height":71,"image_alt":100,"kind":73,"patterns":101,"component_categories":106,"app":112},"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",[102],{"id":81,"label":103,"slug":104,"rank":79,"group":105},"Account Setup","account-setup",{"id":81,"label":82,"slug":83},[107,111],{"id":108,"title":109,"slug":110},240,"Horizontal navigation","horizontal-navigation",{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":113},[],{"uuid":115,"title":97,"description":116,"canonical_path":29,"image":117,"width":70,"height":71,"image_alt":100,"kind":73,"patterns":118,"component_categories":129,"app":132},"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",[119,121],{"id":81,"label":103,"slug":104,"rank":79,"group":120},{"id":81,"label":82,"slug":83},{"id":122,"label":123,"slug":124,"rank":81,"group":125},3,"Profile","profile",{"id":126,"label":127,"slug":128},11,"Social & Collaboration","social-and-collaboration",[130,131],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":29,"image":138,"width":70,"height":71,"image_alt":139,"kind":73,"patterns":140,"component_categories":150,"app":153},"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",[141,148],{"id":142,"label":143,"slug":144,"rank":79,"group":145},42,"Form","form",{"id":76,"label":146,"slug":147},"Data & Analysis","data-and-analysis",{"id":81,"label":103,"slug":104,"rank":81,"group":149},{"id":81,"label":82,"slug":83},[151,152],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":154},[],{"uuid":156,"title":136,"description":157,"canonical_path":29,"image":158,"width":70,"height":71,"image_alt":139,"kind":73,"patterns":159,"component_categories":173,"app":176},"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",[160,162,164],{"id":81,"label":103,"slug":104,"rank":79,"group":161},{"id":81,"label":82,"slug":83},{"id":142,"label":143,"slug":144,"rank":81,"group":163},{"id":76,"label":146,"slug":147},{"id":165,"label":166,"slug":167,"rank":168,"group":169},75,"Setup Wizard","setup-wizard",2,{"id":170,"label":171,"slug":172},7,"Onboarding & Education","onboarding-and-education",[174,175],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":177},[],{"uuid":179,"title":136,"description":180,"canonical_path":29,"image":181,"width":70,"height":71,"image_alt":139,"kind":73,"patterns":182,"component_categories":187,"app":190},"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",[183,185],{"id":142,"label":143,"slug":144,"rank":79,"group":184},{"id":76,"label":146,"slug":147},{"id":81,"label":103,"slug":104,"rank":81,"group":186},{"id":81,"label":82,"slug":83},[188,189],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":29,"image":196,"width":70,"height":71,"image_alt":197,"kind":73,"patterns":198,"component_categories":207,"app":210},"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",[199,201],{"id":81,"label":103,"slug":104,"rank":79,"group":200},{"id":81,"label":82,"slug":83},{"id":170,"label":202,"slug":203,"rank":81,"group":204},"Add & Create","add-and-create",{"id":168,"label":205,"slug":206},"Actions","actions",[208,209],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":211},[],{"uuid":213,"title":194,"description":214,"canonical_path":29,"image":215,"width":70,"height":71,"image_alt":197,"kind":73,"patterns":216,"component_categories":221,"app":224},"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",[217,219],{"id":81,"label":103,"slug":104,"rank":79,"group":218},{"id":81,"label":82,"slug":83},{"id":170,"label":202,"slug":203,"rank":81,"group":220},{"id":168,"label":205,"slug":206},[222,223],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":225},[],{"uuid":227,"title":194,"description":228,"canonical_path":29,"image":229,"width":70,"height":71,"image_alt":197,"kind":73,"patterns":230,"component_categories":249,"app":252},"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",[231,239,241],{"id":232,"label":233,"slug":234,"rank":79,"group":235},120,"Loading","loading",{"id":236,"label":237,"slug":238},12,"States & Feedback","states-and-feedback",{"id":165,"label":166,"slug":167,"rank":81,"group":240},{"id":170,"label":171,"slug":172},{"id":242,"label":243,"slug":244,"rank":168,"group":245},71,"Workspace Switcher","workspace-switcher",{"id":246,"label":247,"slug":248},6,"Navigation & Commands","navigation-and-commands",[250,251],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":253},[],{"uuid":255,"title":194,"description":256,"canonical_path":29,"image":257,"width":70,"height":71,"image_alt":197,"kind":73,"patterns":258,"component_categories":266,"app":270},"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",[259,261],{"id":170,"label":202,"slug":203,"rank":79,"group":260},{"id":168,"label":205,"slug":206},{"id":262,"label":263,"slug":264,"rank":81,"group":265},74,"Onboarding Checklist","onboarding-checklist",{"id":170,"label":171,"slug":172},[267,268,269],{"id":86,"title":87,"slug":88},{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":271},[],{"uuid":273,"title":194,"description":274,"canonical_path":29,"image":275,"width":70,"height":71,"image_alt":197,"kind":73,"patterns":276,"component_categories":283,"app":286},"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",[277,279,281],{"id":170,"label":202,"slug":203,"rank":79,"group":278},{"id":168,"label":205,"slug":206},{"id":262,"label":263,"slug":264,"rank":81,"group":280},{"id":170,"label":171,"slug":172},{"id":232,"label":233,"slug":234,"rank":168,"group":282},{"id":236,"label":237,"slug":238},[284,285],{"id":108,"title":109,"slug":110},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":29,"image":292,"width":70,"height":293,"image_alt":294,"kind":73,"patterns":295,"component_categories":316,"app":323},"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",[296,301,306,314],{"id":297,"label":298,"slug":299,"rank":79,"group":300},77,"Welcome","welcome",{"id":170,"label":171,"slug":172},{"id":302,"label":303,"slug":304,"rank":81,"group":305},72,"Getting Started","getting-started",{"id":170,"label":171,"slug":172},{"id":307,"label":308,"slug":309,"rank":168,"group":310},104,"Team Management","team-management",{"id":311,"label":312,"slug":313},10,"Settings & Admin","settings-and-admin",{"id":262,"label":263,"slug":264,"rank":122,"group":315},{"id":170,"label":171,"slug":172},[317,321,322],{"id":318,"title":319,"slug":320},260,"Badge","badge",{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"slug":39,"title":38,"logo":41,"categories":324},[],{"family":326,"examples":327},"components",[],{"family":329,"examples":330},"pages",[],[332,334,336,339,341,344,347],{"label":333,"to":29},"Plain product screens",{"label":335,"to":35},"Plain marketing pages",{"label":337,"to":338},"Plain user flows","\u002Fexamples\u002Fapps\u002Fplain\u002Fflows",{"label":340,"to":32},"Plain UI components",{"label":342,"to":343},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":345,"to":346},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":348,"to":349},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":351,"updated_at":352},"2023-02-15T08:33:40.000Z","2026-09-13T13:02:39.000Z"]