[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclew\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":307,"links":308,"dates":363},"\u002Fexamples\u002Fapps\u002Fclew\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Clew product screens examples - Nicelydone","Browse Clew screen design examples. Preview the interface screenshots and explore related UI patterns. Search all your tools from one place","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a62a213-dad2-448e-8e11-e7deeb84316d.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},"Clew design examples","\u002Fexamples\u002Fapps\u002Fclew",{"label":23,"to":4},"Clew 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},"Clew","clew","Search all your tools from one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclew-b5680d35.png","https:\u002F\u002Fclew.ai\u002F",[35],{"id":36,"title":37,"slug":38},55,"Search engine","search-engine",[40,69,81,97,111,141,158,176,190,215,253,289],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"8a62a213-dad2-448e-8e11-e7deeb84316d","Clew | Login","Sign-in screen where the user authenticates with their email address and password, with options to contact support or reset their password.",3072,1652,"Clew | Login from Clew","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},2,"Forgot Password","forgot-password",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},175,"Button","button",{"id":64,"title":65,"slug":66},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":42,"description":71,"canonical_path":4,"image":72,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":73,"component_categories":76,"app":79},"a468bf4b-6ce8-4f6c-831f-c786e360fd5a","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa468bf4b-6ce8-4f6c-831f-c786e360fd5a.png",[74],{"id":50,"label":51,"slug":52,"rank":53,"group":75},{"id":55,"label":56,"slug":57},[77,78],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":44,"height":45,"image_alt":86,"kind":47,"patterns":87,"component_categories":93,"app":95},"65f46e5e-51ca-40d3-ac40-94eb51742f61","33 | Clew  Signup","Signup screen where the user creates a new account using their name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65f46e5e-51ca-40d3-ac40-94eb51742f61.png","33 | Clew  Signup from Clew",[88],{"id":89,"label":90,"slug":91,"rank":53,"group":92},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[94],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":44,"height":45,"image_alt":102,"kind":47,"patterns":103,"component_categories":106,"app":109},"3804c17b-2977-453a-b180-76d28deae144","66 | Clew  Signup","Signup page where the user creates a new account by entering their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3804c17b-2977-453a-b180-76d28deae144.png","66 | Clew  Signup from Clew",[104],{"id":89,"label":90,"slug":91,"rank":53,"group":105},{"id":55,"label":56,"slug":57},[107,108],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":117,"component_categories":132,"app":139},"6145bbe6-c49a-4e8e-bc94-ae97ec600b37","Clew | Signup","Onboarding step where the user creates a unique username to make their profile discoverable.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6145bbe6-c49a-4e8e-bc94-ae97ec600b37.png","Clew | Signup from Clew",[118,122,130],{"id":55,"label":119,"slug":120,"rank":53,"group":121},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":123,"label":124,"slug":125,"rank":55,"group":126},3,"Profile","profile",{"id":127,"label":128,"slug":129},11,"Social & Collaboration","social-and-collaboration",{"id":89,"label":90,"slug":91,"rank":50,"group":131},{"id":55,"label":56,"slug":57},[133,137,138],{"id":134,"title":135,"slug":136},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":113,"description":143,"canonical_path":4,"image":144,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":145,"component_categories":152,"app":156},"38e03d8e-28c2-4b85-ac62-61e1ca63200b","Onboarding step where the user creates a username to help others find them on the platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38e03d8e-28c2-4b85-ac62-61e1ca63200b.png",[146,148,150],{"id":55,"label":119,"slug":120,"rank":53,"group":147},{"id":55,"label":56,"slug":57},{"id":123,"label":124,"slug":125,"rank":55,"group":149},{"id":127,"label":128,"slug":129},{"id":89,"label":90,"slug":91,"rank":50,"group":151},{"id":55,"label":56,"slug":57},[153,154,155],{"id":134,"title":135,"slug":136},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":113,"description":160,"canonical_path":4,"image":161,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":162,"component_categories":172,"app":174},"9d19ba64-394f-4d71-a48a-846f4ef3100e","Onboarding step where the user selects their role, such as Project manager, to finish account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d19ba64-394f-4d71-a48a-846f4ef3100e.png",[163,165],{"id":55,"label":119,"slug":120,"rank":53,"group":164},{"id":55,"label":56,"slug":57},{"id":166,"label":167,"slug":168,"rank":55,"group":169},23,"Select","select",{"id":50,"label":170,"slug":171},"Actions","actions",[173],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":113,"description":178,"canonical_path":4,"image":179,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":180,"component_categories":185,"app":188},"7fd92655-450f-4f9a-b7f3-4b25acfc9cdd","Onboarding step where the user selects their role from a dropdown to finish account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7fd92655-450f-4f9a-b7f3-4b25acfc9cdd.png",[181,183],{"id":55,"label":119,"slug":120,"rank":53,"group":182},{"id":55,"label":56,"slug":57},{"id":166,"label":167,"slug":168,"rank":55,"group":184},{"id":50,"label":170,"slug":171},[186,187],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":113,"description":192,"canonical_path":4,"image":193,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":194,"component_categories":211,"app":213},"2298f84f-371a-47b8-ae09-9b81f5bba71d","Onboarding step where the system is loading, displaying a spinner and a brief explanation about how data is used to inform product decisions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2298f84f-371a-47b8-ae09-9b81f5bba71d.png",[195,203],{"id":196,"label":197,"slug":198,"rank":53,"group":199},120,"Loading","loading",{"id":200,"label":201,"slug":202},12,"States & Feedback","states-and-feedback",{"id":204,"label":205,"slug":206,"rank":55,"group":207},74,"Onboarding Checklist","onboarding-checklist",{"id":208,"label":209,"slug":210},7,"Onboarding & Education","onboarding-and-education",[212],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":44,"height":45,"image_alt":220,"kind":47,"patterns":221,"component_categories":247,"app":251},"bacbd1dd-056b-49da-9202-e0b36a966c80","Clew | Desk","Home view where the user is prompted to connect their calendar to populate their daily agenda and recent items.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbacbd1dd-056b-49da-9202-e0b36a966c80.png","Clew | Desk from Clew",[222,227,235,242],{"id":223,"label":224,"slug":225,"rank":53,"group":226},115,"Empty State","empty-state",{"id":200,"label":201,"slug":202},{"id":228,"label":229,"slug":230,"rank":55,"group":231},81,"Home","home",{"id":232,"label":233,"slug":234},8,"Pages & Content","pages-and-content",{"id":236,"label":237,"slug":238,"rank":50,"group":239},51,"Calendar","calendar",{"id":89,"label":240,"slug":241},"Media & Tools","media-and-tools",{"id":243,"label":244,"slug":245,"rank":123,"group":246},85,"Tasks","tasks",{"id":232,"label":233,"slug":234},[248,249,250],{"id":134,"title":135,"slug":136},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":255,"description":256,"canonical_path":4,"image":257,"width":44,"height":45,"image_alt":258,"kind":47,"patterns":259,"component_categories":283,"app":287},"d0ceca55-ac3b-4759-8342-4a75d40cdeb2","Clew | Integration Marketplace","Settings page where the user browses and filters a marketplace of third-party integrations to connect to their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0ceca55-ac3b-4759-8342-4a75d40cdeb2.png","Clew | Integration Marketplace from Clew",[260,268,273,278],{"id":261,"label":262,"slug":263,"rank":53,"group":264},97,"Integrations","integrations",{"id":265,"label":266,"slug":267},10,"Settings & Admin","settings-and-admin",{"id":269,"label":270,"slug":271,"rank":55,"group":272},79,"Browse","browse",{"id":232,"label":233,"slug":234},{"id":274,"label":275,"slug":276,"rank":50,"group":277},13,"Filter & Sort","filter-and-sort",{"id":50,"label":170,"slug":171},{"id":279,"label":280,"slug":281,"rank":123,"group":282},22,"Search","search",{"id":50,"label":170,"slug":171},[284,285,286],{"id":134,"title":135,"slug":136},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":288},[],{"uuid":290,"title":291,"description":292,"canonical_path":4,"image":293,"width":44,"height":45,"image_alt":294,"kind":47,"patterns":295,"component_categories":301,"app":305},"765b6efb-ec26-4284-b701-9a55861e8c07","Clew | Settings  Appearance","Settings page where the user can select a preset theme or customize specific CSS color variables via hex codes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F765b6efb-ec26-4284-b701-9a55861e8c07.png","Clew | Settings  Appearance from Clew",[296],{"id":297,"label":298,"slug":299,"rank":53,"group":300},94,"Account Settings","account-settings",{"id":265,"label":266,"slug":267},[302,303,304],{"id":134,"title":135,"slug":136},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":306},[],[],[309,311,313,315,317,319,321,323,325,327,329,331,333,336,339,342,345,347,351,355,359],{"label":119,"to":310},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":90,"to":312},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":51,"to":314},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":124,"to":316},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":167,"to":318},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":298,"to":320},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":270,"to":322},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":237,"to":324},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":224,"to":326},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":275,"to":328},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":229,"to":330},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":262,"to":332},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":334,"to":335},"Clew marketing pages","\u002Fexamples\u002Fapps\u002Fclew\u002Fmarketing",{"label":337,"to":338},"Clew user flows","\u002Fexamples\u002Fapps\u002Fclew\u002Fflows",{"label":340,"to":341},"Clew UI components","\u002Fexamples\u002Fapps\u002Fclew\u002Fcomponents",{"label":343,"to":344},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"label":346,"to":18},"All SaaS app examples",{"label":348,"to":349,"description":350},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":352,"to":353,"description":354},"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":356,"to":357,"description":358},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":360,"to":361,"description":362},"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":364,"updated_at":365},"2020-11-23T21:43:44.000Z","2026-09-13T13:02:39.000Z"]