[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffriday\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":301,"links":302,"dates":355},"\u002Fexamples\u002Fapps\u002Ffriday\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Friday product screens examples - Nicelydone","Browse Friday screen design examples. Preview the interface screenshots and explore related UI patterns. The Digital HQ for working from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e3e6b2e-e2c4-4274-9811-ac7dad22a2a3.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},"Friday design examples","\u002Fexamples\u002Fapps\u002Ffriday",{"label":23,"to":4},"Friday 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},"Friday","friday","The Digital HQ for working from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffriday-b8c00c34.png","https:\u002F\u002Ffriday.app",[35],{"id":36,"title":37,"slug":38},14,"Social","social",[40,80,100,118,140,156,179,210,234,255,273,288],{"uuid":41,"title":29,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":47,"component_categories":57,"app":78},"4e3e6b2e-e2c4-4274-9811-ac7dad22a2a3","Sign-in screen where the user authenticates with Google, Microsoft, Slack, or email via a central modal.",3072,1716,"Friday from Friday","screen",[48],{"id":49,"label":50,"slug":51,"rank":52,"group":53},4,"Sign In","sign-in",0,{"id":54,"label":55,"slug":56},1,"Access & Account","access-and-account",[58,62,66,70,74],{"id":59,"title":60,"slug":61},240,"Horizontal navigation","horizontal-navigation",{"id":63,"title":64,"slug":65},284,"Modal","modal",{"id":67,"title":68,"slug":69},174,"Card","card",{"id":71,"title":72,"slug":73},175,"Button","button",{"id":75,"title":76,"slug":77},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":29,"description":82,"canonical_path":4,"image":83,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":84,"component_categories":90,"app":98},"8dc1c011-d875-411a-9d1c-195b50021741","Password recovery modal where the user enters their email address to receive reset instructions, overlaid on the main dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8dc1c011-d875-411a-9d1c-195b50021741.png",[85],{"id":86,"label":87,"slug":88,"rank":52,"group":89},2,"Forgot Password","forgot-password",{"id":54,"label":55,"slug":56},[91,92,96,97],{"id":63,"title":64,"slug":65},{"id":93,"title":94,"slug":95},260,"Badge","badge",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":29,"description":102,"canonical_path":4,"image":103,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":104,"component_categories":110,"app":116},"1bf3f53b-69a7-4136-afb4-10f95627ccf4","Signup screen presented as a modal overlaying the application dashboard, offering authentication via Google, Microsoft, Slack, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1bf3f53b-69a7-4136-afb4-10f95627ccf4.png",[105],{"id":106,"label":107,"slug":108,"rank":52,"group":109},5,"Sign Up","sign-up",{"id":54,"label":55,"slug":56},[111,112,113,114,115],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":93,"title":94,"slug":95},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":29,"description":120,"canonical_path":4,"image":121,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":122,"component_categories":132,"app":138},"641cdb4b-e4a7-4b18-99c9-190aeeeeca37","Signup modal overlaying the app dashboard where the user enters their email, name, and password to create a free account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F641cdb4b-e4a7-4b18-99c9-190aeeeeca37.png",[123,125],{"id":106,"label":107,"slug":108,"rank":52,"group":124},{"id":54,"label":55,"slug":56},{"id":126,"label":127,"slug":128,"rank":54,"group":129},7,"Add & Create","add-and-create",{"id":86,"label":130,"slug":131},"Actions","actions",[133,134,135,136,137],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":29,"description":142,"canonical_path":4,"image":143,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":144,"component_categories":149,"app":154},"175501b3-fc19-4f33-bc06-9215b6f3cbcd","Sign-up screen where the user creates a free account by providing their email, name, and password inside a modal overlaying the dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F175501b3-fc19-4f33-bc06-9215b6f3cbcd.png",[145,147],{"id":106,"label":107,"slug":108,"rank":52,"group":146},{"id":54,"label":55,"slug":56},{"id":126,"label":127,"slug":128,"rank":54,"group":148},{"id":86,"label":130,"slug":131},[150,151,152,153],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":29,"description":158,"canonical_path":4,"image":159,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":160,"component_categories":171,"app":177},"62e01fd6-b273-4be5-bc09-5b607ce19471","Signup modal where the user creates a free account by providing their email, name, and a password, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62e01fd6-b273-4be5-bc09-5b607ce19471.png",[161,163],{"id":106,"label":107,"slug":108,"rank":52,"group":162},{"id":54,"label":55,"slug":56},{"id":164,"label":165,"slug":166,"rank":54,"group":167},114,"Confirmation","confirmation",{"id":168,"label":169,"slug":170},12,"States & Feedback","states-and-feedback",[172,173,174,175,176],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":93,"title":94,"slug":95},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":29,"description":181,"canonical_path":4,"image":182,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":183,"component_categories":204,"app":208},"c3cc4ad1-460f-4d3b-94df-77f2a79db02f","Onboarding step where the user names their company, selects their role, and invites teammates by email, alongside a preview of a daily standup feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3cc4ad1-460f-4d3b-94df-77f2a79db02f.png",[184,191,196],{"id":185,"label":186,"slug":187,"rank":52,"group":188},74,"Onboarding Checklist","onboarding-checklist",{"id":126,"label":189,"slug":190},"Onboarding & Education","onboarding-and-education",{"id":192,"label":193,"slug":194,"rank":54,"group":195},133,"Invite Teammates","invite-teammates",{"id":86,"label":130,"slug":131},{"id":197,"label":198,"slug":199,"rank":86,"group":200},79,"Browse","browse",{"id":201,"label":202,"slug":203},8,"Pages & Content","pages-and-content",[205,206,207],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":29,"description":212,"canonical_path":4,"image":213,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":214,"component_categories":227,"app":232},"0874b9c0-5fb7-42c8-8e1a-f54a02216823","Onboarding step where the user names their company, selects their role, and invites teammates, alongside a preview of a team update feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0874b9c0-5fb7-42c8-8e1a-f54a02216823.png",[215,217,219],{"id":185,"label":186,"slug":187,"rank":52,"group":216},{"id":126,"label":189,"slug":190},{"id":192,"label":193,"slug":194,"rank":54,"group":218},{"id":86,"label":130,"slug":131},{"id":220,"label":221,"slug":222,"rank":86,"group":223},104,"Team Management","team-management",{"id":224,"label":225,"slug":226},10,"Settings & Admin","settings-and-admin",[228,229,230,231],{"id":93,"title":94,"slug":95},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":29,"description":236,"canonical_path":4,"image":237,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":238,"component_categories":248,"app":253},"c9ae12ef-c64d-4a6f-b33f-6a039b995b25","Onboarding step where the user provides their company name, size, and role, and invites teammates via email, alongside a live preview of a daily standup post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9ae12ef-c64d-4a6f-b33f-6a039b995b25.png",[239,244,246],{"id":240,"label":241,"slug":242,"rank":52,"group":243},75,"Setup Wizard","setup-wizard",{"id":126,"label":189,"slug":190},{"id":192,"label":193,"slug":194,"rank":54,"group":245},{"id":86,"label":130,"slug":131},{"id":220,"label":221,"slug":222,"rank":86,"group":247},{"id":224,"label":225,"slug":226},[249,250,251,252],{"id":93,"title":94,"slug":95},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":29,"description":257,"canonical_path":4,"image":258,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":259,"component_categories":266,"app":271},"8290f77c-6f94-4699-aa2c-7f72b24064d7","Onboarding step where the user names their company, selects company size, specifies their role, and invites teammates via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8290f77c-6f94-4699-aa2c-7f72b24064d7.png",[260,262,264],{"id":240,"label":241,"slug":242,"rank":52,"group":261},{"id":126,"label":189,"slug":190},{"id":192,"label":193,"slug":194,"rank":54,"group":263},{"id":86,"label":130,"slug":131},{"id":220,"label":221,"slug":222,"rank":86,"group":265},{"id":224,"label":225,"slug":226},[267,268,269,270],{"id":93,"title":94,"slug":95},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":29,"description":275,"canonical_path":4,"image":276,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":277,"component_categories":285,"app":286},"7987fb1a-1fc3-444a-9989-561789f18ec3","Onboarding step where the user selects how they heard about the product from a list of options like 'Someone I know' or 'Press article'.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7987fb1a-1fc3-444a-9989-561789f18ec3.png",[278,280],{"id":185,"label":186,"slug":187,"rank":52,"group":279},{"id":126,"label":189,"slug":190},{"id":281,"label":282,"slug":283,"rank":54,"group":284},72,"Getting Started","getting-started",{"id":126,"label":189,"slug":190},[],{"slug":30,"title":29,"logo":32,"categories":287},[],{"uuid":289,"title":29,"description":290,"canonical_path":4,"image":291,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":292,"component_categories":297,"app":299},"deb1cfc1-5900-475c-adc1-fd334177c9ac","Onboarding step where the user selects their primary goal from options like roadmapping their day, syncing with their team, or running their company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdeb1cfc1-5900-475c-adc1-fd334177c9ac.png",[293,295],{"id":185,"label":186,"slug":187,"rank":52,"group":294},{"id":126,"label":189,"slug":190},{"id":281,"label":282,"slug":283,"rank":54,"group":296},{"id":126,"label":189,"slug":190},[298],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":300},[],[],[303,305,307,309,311,313,315,317,319,321,323,325,328,331,334,337,339,343,347,351],{"label":193,"to":304},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":186,"to":306},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":107,"to":308},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":221,"to":310},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":127,"to":312},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":282,"to":314},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":241,"to":316},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":198,"to":318},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":165,"to":320},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":87,"to":322},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":50,"to":324},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":326,"to":327},"Friday marketing pages","\u002Fexamples\u002Fapps\u002Ffriday\u002Fmarketing",{"label":329,"to":330},"Friday user flows","\u002Fexamples\u002Fapps\u002Ffriday\u002Fflows",{"label":332,"to":333},"Friday UI components","\u002Fexamples\u002Fapps\u002Ffriday\u002Fcomponents",{"label":335,"to":336},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":338,"to":18},"All SaaS app examples",{"label":340,"to":341,"description":342},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":344,"to":345,"description":346},"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":348,"to":349,"description":350},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":352,"to":353,"description":354},"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":356,"updated_at":357},"2022-03-06T12:15:31.000Z","2026-09-13T13:02:39.000Z"]