[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpatreon\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":347,"links":348,"dates":409},"\u002Fexamples\u002Fapps\u002Fpatreon\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Patreon product screens examples - Nicelydone","Browse Patreon screen design examples. Preview the interface screenshots and explore related UI patterns. Change the way art is valued","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe160264-1270-4c0b-a234-545ff9fe14bc.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},"Patreon design examples","\u002Fexamples\u002Fapps\u002Fpatreon",{"label":23,"to":4},"Patreon 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},"Patreon","patreon","Change the way art is valued","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpatreon-96517ff5.png","https:\u002F\u002Fwww.patreon.com",[35,39,43],{"id":36,"title":37,"slug":38},34,"Crowdfunding","crowdfunding",{"id":40,"title":41,"slug":42},1,"Communities","communities",{"id":44,"title":45,"slug":46},6,"Publishing","publishing",[48,80,107,126,145,178,200,223,243,263,289,327],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":78},"fe160264-1270-4c0b-a234-545ff9fe14bc","Log In | Patreon","Sign-in screen where the user authenticates with email and password or via Google, Apple, and Facebook.",3072,1780,"Log In | Patreon from Patreon","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":40,"label":63,"slug":64},"Access & Account","access-and-account",[66,70,74],{"id":67,"title":68,"slug":69},175,"Button","button",{"id":71,"title":72,"slug":73},240,"Horizontal navigation","horizontal-navigation",{"id":75,"title":76,"slug":77},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":52,"height":85,"image_alt":86,"kind":55,"patterns":87,"component_categories":101,"app":105},"89961ff9-ad88-41eb-b009-b2963df2b078","Forgot Password | Patreon","Password recovery screen where the user is prompted to provide a valid email address after an invalid submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89961ff9-ad88-41eb-b009-b2963df2b078.png",2130,"Forgot Password | Patreon from Patreon",[88,93],{"id":89,"label":90,"slug":91,"rank":61,"group":92},2,"Forgot Password","forgot-password",{"id":40,"label":63,"slug":64},{"id":94,"label":95,"slug":96,"rank":40,"group":97},116,"Error","error",{"id":98,"label":99,"slug":100},12,"States & Feedback","states-and-feedback",[102,103,104],{"id":67,"title":68,"slug":69},{"id":75,"title":76,"slug":77},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":52,"height":112,"image_alt":113,"kind":55,"patterns":114,"component_categories":120,"app":124},"badee960-8d93-438b-b3da-0245b6a5f921","Sign Up | Patreon","Signup page where the user can create an account using Google, Facebook, or a standard email and password form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbadee960-8d93-438b-b3da-0245b6a5f921.png",1892,"Sign Up | Patreon from Patreon",[115],{"id":116,"label":117,"slug":118,"rank":61,"group":119},5,"Sign Up","sign-up",{"id":40,"label":63,"slug":64},[121,122,123],{"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":125},[],{"uuid":127,"title":109,"description":128,"canonical_path":4,"image":129,"width":52,"height":130,"image_alt":113,"kind":55,"patterns":131,"component_categories":139,"app":143},"856febbe-35e0-433b-9441-d7686b0f124e","Signup page where the user enters their name, email, and password to create an account, currently in a loading state after submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F856febbe-35e0-433b-9441-d7686b0f124e.png",1652,[132,134],{"id":116,"label":117,"slug":118,"rank":61,"group":133},{"id":40,"label":63,"slug":64},{"id":135,"label":136,"slug":137,"rank":40,"group":138},120,"Loading","loading",{"id":98,"label":99,"slug":100},[140,141,142],{"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":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":52,"height":150,"image_alt":151,"kind":55,"patterns":152,"component_categories":165,"app":176},"1f846928-1ef2-4e43-8679-7c1f8fd24fc5","Create on Patreon | Patreon","Onboarding step where the user selects up to two content categories like Podcasts or Videos to describe their new creator page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f846928-1ef2-4e43-8679-7c1f8fd24fc5.png",1900,"Create on Patreon | Patreon from Patreon",[153,157],{"id":40,"label":154,"slug":155,"rank":61,"group":156},"Account Setup","account-setup",{"id":40,"label":63,"slug":64},{"id":158,"label":159,"slug":160,"rank":40,"group":161},74,"Onboarding Checklist","onboarding-checklist",{"id":162,"label":163,"slug":164},7,"Onboarding & Education","onboarding-and-education",[166,170,174,175],{"id":167,"title":168,"slug":169},227,"Stepper","stepper",{"id":171,"title":172,"slug":173},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":147,"description":180,"canonical_path":4,"image":181,"width":52,"height":150,"image_alt":151,"kind":55,"patterns":182,"component_categories":192,"app":198},"4e247ac4-8549-452f-9854-3ac4ea68d8ee","Onboarding step where the user selects up to two categories, such as Music or Photography, to describe their content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e247ac4-8549-452f-9854-3ac4ea68d8ee.png",[183,185],{"id":158,"label":159,"slug":160,"rank":61,"group":184},{"id":162,"label":163,"slug":164},{"id":186,"label":187,"slug":188,"rank":40,"group":189},23,"Select","select",{"id":89,"label":190,"slug":191},"Actions","actions",[193,194,195,196,197],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"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":199},[],{"uuid":201,"title":147,"description":202,"canonical_path":4,"image":203,"width":52,"height":150,"image_alt":151,"kind":55,"patterns":204,"component_categories":213,"app":221},"16b2a23a-7a5e-4aa6-a1ad-01032823604e","Onboarding step where the user specifies if their content contains 18+ themes like nudity via a radio selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16b2a23a-7a5e-4aa6-a1ad-01032823604e.png",[205,207,209],{"id":158,"label":159,"slug":160,"rank":61,"group":206},{"id":162,"label":163,"slug":164},{"id":40,"label":154,"slug":155,"rank":40,"group":208},{"id":40,"label":63,"slug":64},{"id":44,"label":210,"slug":211,"rank":89,"group":212},"Verification","verification",{"id":40,"label":63,"slug":64},[214,218,219,220],{"id":215,"title":216,"slug":217},277,"Button group","button-group",{"id":171,"title":172,"slug":173},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":147,"description":225,"canonical_path":4,"image":226,"width":52,"height":150,"image_alt":151,"kind":55,"patterns":227,"component_categories":235,"app":241},"f284b582-c95f-464e-9d8d-98a6edb4adc0","Onboarding step where the user selects their base currency for pricing memberships and receiving payouts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff284b582-c95f-464e-9d8d-98a6edb4adc0.png",[228,230],{"id":40,"label":154,"slug":155,"rank":61,"group":229},{"id":40,"label":63,"slug":64},{"id":231,"label":232,"slug":233,"rank":40,"group":234},75,"Setup Wizard","setup-wizard",{"id":162,"label":163,"slug":164},[236,237,238,239,240],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"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":242},[],{"uuid":244,"title":147,"description":245,"canonical_path":4,"image":246,"width":52,"height":150,"image_alt":151,"kind":55,"patterns":247,"component_categories":256,"app":261},"233f597e-a24f-4ef4-909d-39126a7730b6","Onboarding step where the user decides whether to offer exclusive merch to their patrons as part of their membership tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F233f597e-a24f-4ef4-909d-39126a7730b6.png",[248,252,254],{"id":162,"label":249,"slug":250,"rank":61,"group":251},"Add & Create","add-and-create",{"id":89,"label":190,"slug":191},{"id":158,"label":159,"slug":160,"rank":40,"group":253},{"id":162,"label":163,"slug":164},{"id":231,"label":232,"slug":233,"rank":89,"group":255},{"id":162,"label":163,"slug":164},[257,258,259,260],{"id":171,"title":172,"slug":173},{"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":262},[],{"uuid":264,"title":147,"description":265,"canonical_path":4,"image":266,"width":52,"height":267,"image_alt":151,"kind":55,"patterns":268,"component_categories":281,"app":287},"b63dc90e-8e8b-471a-bb52-e7d4b290d118","Onboarding step where the user connects social media accounts like Facebook, Instagram, Twitch, Twitter, or YouTube to reserve a custom Patreon URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb63dc90e-8e8b-471a-bb52-e7d4b290d118.png",1914,[269,271,273],{"id":40,"label":154,"slug":155,"rank":61,"group":270},{"id":40,"label":63,"slug":64},{"id":231,"label":232,"slug":233,"rank":40,"group":272},{"id":162,"label":163,"slug":164},{"id":274,"label":275,"slug":276,"rank":89,"group":277},97,"Integrations","integrations",{"id":278,"label":279,"slug":280},10,"Settings & Admin","settings-and-admin",[282,283,284,285,286],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"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":288},[],{"uuid":290,"title":291,"description":292,"canonical_path":4,"image":293,"width":52,"height":130,"image_alt":294,"kind":55,"patterns":295,"component_categories":312,"app":325},"f68ef417-87df-4e52-a5fe-fda1b4a3e1ba","Build your page | Patreon","Settings page where a new creator is greeted with a welcome modal to start customizing their page details after initial setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff68ef417-87df-4e52-a5fe-fda1b4a3e1ba.png","Build your page | Patreon from Patreon",[296,298,300,308],{"id":40,"label":154,"slug":155,"rank":61,"group":297},{"id":40,"label":63,"slug":64},{"id":158,"label":159,"slug":160,"rank":40,"group":299},{"id":162,"label":163,"slug":164},{"id":301,"label":302,"slug":303,"rank":89,"group":304},3,"Profile","profile",{"id":305,"label":306,"slug":307},11,"Social & Collaboration","social-and-collaboration",{"id":305,"label":309,"slug":310,"rank":301,"group":311},"Edit","edit",{"id":89,"label":190,"slug":191},[313,317,321,322,323,324],{"id":314,"title":315,"slug":316},284,"Modal","modal",{"id":318,"title":319,"slug":320},233,"Tabs","tabs",{"id":171,"title":172,"slug":173},{"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":326},[],{"uuid":328,"title":291,"description":329,"canonical_path":4,"image":330,"width":52,"height":331,"image_alt":294,"kind":55,"patterns":332,"component_categories":339,"app":345},"81524c52-cb6b-4fe2-8305-74144883bb78","Settings page where a creator configures their basic page details like name, profile photo, and about section, guided by a completion checklist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81524c52-cb6b-4fe2-8305-74144883bb78.png",4686,[333,335,337],{"id":158,"label":159,"slug":160,"rank":61,"group":334},{"id":162,"label":163,"slug":164},{"id":305,"label":309,"slug":310,"rank":40,"group":336},{"id":89,"label":190,"slug":191},{"id":301,"label":302,"slug":303,"rank":89,"group":338},{"id":305,"label":306,"slug":307},[340,341,342,343,344],{"id":318,"title":319,"slug":320},{"id":171,"title":172,"slug":173},{"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":346},[],[],[349,351,353,355,357,359,361,363,365,367,369,371,373,376,379,382,385,388,391,393,397,401,405],{"label":159,"to":350},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":154,"to":352},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":232,"to":354},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":309,"to":356},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":302,"to":358},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":117,"to":360},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":249,"to":362},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":95,"to":364},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":90,"to":366},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":275,"to":368},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":136,"to":370},"\u002Fexamples\u002Fscreens\u002Floading",{"label":187,"to":372},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":374,"to":375},"Patreon marketing pages","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fmarketing",{"label":377,"to":378},"Patreon user flows","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fflows",{"label":380,"to":381},"Patreon UI components","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fcomponents",{"label":383,"to":384},"Crowdfunding app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdfunding",{"label":386,"to":387},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":389,"to":390},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":392,"to":18},"All SaaS app examples",{"label":394,"to":395,"description":396},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":398,"to":399,"description":400},"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":402,"to":403,"description":404},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":406,"to":407,"description":408},"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":410,"updated_at":411},"2022-01-23T18:31:53.000Z","2026-09-13T13:02:39.000Z"]