[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpatreon":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":56,"showcases":57,"links":366,"dates":385},"\u002Fexamples\u002Fapps\u002Fpatreon","detail","apps",true,{"title":9,"description":10,"og_image":11},"Patreon design examples - Nicelydone","Explore Patreon UI design examples. Change the way art is valued","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe160264-1270-4c0b-a234-545ff9fe14bc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Patreon design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Patreon",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Patreon","patreon","Change the way art is valued","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpatreon-96517ff5.png","https:\u002F\u002Fwww.patreon.com",[44,48,52],{"id":45,"title":46,"slug":47},34,"Crowdfunding","crowdfunding",{"id":49,"title":50,"slug":51},1,"Communities","communities",{"id":53,"title":54,"slug":55},6,"Publishing","publishing",[],[58,360,363],{"family":59,"examples":60},"screens",[61,93,120,139,158,191,213,236,256,276,302,340],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":78,"app":91},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":49,"label":76,"slug":77},"Access & Account","access-and-account",[79,83,87],{"id":80,"title":81,"slug":82},175,"Button","button",{"id":84,"title":85,"slug":86},240,"Horizontal navigation","horizontal-navigation",{"id":88,"title":89,"slug":90},174,"Card","card",{"slug":39,"title":38,"logo":41,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":29,"image":97,"width":65,"height":98,"image_alt":99,"kind":68,"patterns":100,"component_categories":114,"app":118},"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",[101,106],{"id":102,"label":103,"slug":104,"rank":74,"group":105},2,"Forgot Password","forgot-password",{"id":49,"label":76,"slug":77},{"id":107,"label":108,"slug":109,"rank":49,"group":110},116,"Error","error",{"id":111,"label":112,"slug":113},12,"States & Feedback","states-and-feedback",[115,116,117],{"id":80,"title":81,"slug":82},{"id":88,"title":89,"slug":90},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":29,"image":124,"width":65,"height":125,"image_alt":126,"kind":68,"patterns":127,"component_categories":133,"app":137},"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",[128],{"id":129,"label":130,"slug":131,"rank":74,"group":132},5,"Sign Up","sign-up",{"id":49,"label":76,"slug":77},[134,135,136],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":138},[],{"uuid":140,"title":122,"description":141,"canonical_path":29,"image":142,"width":65,"height":143,"image_alt":126,"kind":68,"patterns":144,"component_categories":152,"app":156},"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,[145,147],{"id":129,"label":130,"slug":131,"rank":74,"group":146},{"id":49,"label":76,"slug":77},{"id":148,"label":149,"slug":150,"rank":49,"group":151},120,"Loading","loading",{"id":111,"label":112,"slug":113},[153,154,155],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":29,"image":162,"width":65,"height":163,"image_alt":164,"kind":68,"patterns":165,"component_categories":178,"app":189},"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",[166,170],{"id":49,"label":167,"slug":168,"rank":74,"group":169},"Account Setup","account-setup",{"id":49,"label":76,"slug":77},{"id":171,"label":172,"slug":173,"rank":49,"group":174},74,"Onboarding Checklist","onboarding-checklist",{"id":175,"label":176,"slug":177},7,"Onboarding & Education","onboarding-and-education",[179,183,187,188],{"id":180,"title":181,"slug":182},227,"Stepper","stepper",{"id":184,"title":185,"slug":186},169,"Avatar","avatar",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":190},[],{"uuid":192,"title":160,"description":193,"canonical_path":29,"image":194,"width":65,"height":163,"image_alt":164,"kind":68,"patterns":195,"component_categories":205,"app":211},"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",[196,198],{"id":171,"label":172,"slug":173,"rank":74,"group":197},{"id":175,"label":176,"slug":177},{"id":199,"label":200,"slug":201,"rank":49,"group":202},23,"Select","select",{"id":102,"label":203,"slug":204},"Actions","actions",[206,207,208,209,210],{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":212},[],{"uuid":214,"title":160,"description":215,"canonical_path":29,"image":216,"width":65,"height":163,"image_alt":164,"kind":68,"patterns":217,"component_categories":226,"app":234},"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",[218,220,222],{"id":171,"label":172,"slug":173,"rank":74,"group":219},{"id":175,"label":176,"slug":177},{"id":49,"label":167,"slug":168,"rank":49,"group":221},{"id":49,"label":76,"slug":77},{"id":53,"label":223,"slug":224,"rank":102,"group":225},"Verification","verification",{"id":49,"label":76,"slug":77},[227,231,232,233],{"id":228,"title":229,"slug":230},277,"Button group","button-group",{"id":184,"title":185,"slug":186},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":235},[],{"uuid":237,"title":160,"description":238,"canonical_path":29,"image":239,"width":65,"height":163,"image_alt":164,"kind":68,"patterns":240,"component_categories":248,"app":254},"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",[241,243],{"id":49,"label":167,"slug":168,"rank":74,"group":242},{"id":49,"label":76,"slug":77},{"id":244,"label":245,"slug":246,"rank":49,"group":247},75,"Setup Wizard","setup-wizard",{"id":175,"label":176,"slug":177},[249,250,251,252,253],{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":255},[],{"uuid":257,"title":160,"description":258,"canonical_path":29,"image":259,"width":65,"height":163,"image_alt":164,"kind":68,"patterns":260,"component_categories":269,"app":274},"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",[261,265,267],{"id":175,"label":262,"slug":263,"rank":74,"group":264},"Add & Create","add-and-create",{"id":102,"label":203,"slug":204},{"id":171,"label":172,"slug":173,"rank":49,"group":266},{"id":175,"label":176,"slug":177},{"id":244,"label":245,"slug":246,"rank":102,"group":268},{"id":175,"label":176,"slug":177},[270,271,272,273],{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":275},[],{"uuid":277,"title":160,"description":278,"canonical_path":29,"image":279,"width":65,"height":280,"image_alt":164,"kind":68,"patterns":281,"component_categories":294,"app":300},"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,[282,284,286],{"id":49,"label":167,"slug":168,"rank":74,"group":283},{"id":49,"label":76,"slug":77},{"id":244,"label":245,"slug":246,"rank":49,"group":285},{"id":175,"label":176,"slug":177},{"id":287,"label":288,"slug":289,"rank":102,"group":290},97,"Integrations","integrations",{"id":291,"label":292,"slug":293},10,"Settings & Admin","settings-and-admin",[295,296,297,298,299],{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":301},[],{"uuid":303,"title":304,"description":305,"canonical_path":29,"image":306,"width":65,"height":143,"image_alt":307,"kind":68,"patterns":308,"component_categories":325,"app":338},"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",[309,311,313,321],{"id":49,"label":167,"slug":168,"rank":74,"group":310},{"id":49,"label":76,"slug":77},{"id":171,"label":172,"slug":173,"rank":49,"group":312},{"id":175,"label":176,"slug":177},{"id":314,"label":315,"slug":316,"rank":102,"group":317},3,"Profile","profile",{"id":318,"label":319,"slug":320},11,"Social & Collaboration","social-and-collaboration",{"id":318,"label":322,"slug":323,"rank":314,"group":324},"Edit","edit",{"id":102,"label":203,"slug":204},[326,330,334,335,336,337],{"id":327,"title":328,"slug":329},284,"Modal","modal",{"id":331,"title":332,"slug":333},233,"Tabs","tabs",{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":339},[],{"uuid":341,"title":304,"description":342,"canonical_path":29,"image":343,"width":65,"height":344,"image_alt":307,"kind":68,"patterns":345,"component_categories":352,"app":358},"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,[346,348,350],{"id":171,"label":172,"slug":173,"rank":74,"group":347},{"id":175,"label":176,"slug":177},{"id":318,"label":322,"slug":323,"rank":49,"group":349},{"id":102,"label":203,"slug":204},{"id":314,"label":315,"slug":316,"rank":102,"group":351},{"id":318,"label":319,"slug":320},[353,354,355,356,357],{"id":331,"title":332,"slug":333},{"id":184,"title":185,"slug":186},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":359},[],{"family":361,"examples":362},"flows",[],{"family":364,"examples":365},"pages",[],[367,369,371,373,376,379,382],{"label":368,"to":29},"Patreon product screens",{"label":370,"to":35},"Patreon marketing pages",{"label":372,"to":32},"Patreon user flows",{"label":374,"to":375},"Patreon UI components","\u002Fexamples\u002Fapps\u002Fpatreon\u002Fcomponents",{"label":377,"to":378},"Crowdfunding app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdfunding",{"label":380,"to":381},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":383,"to":384},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"published_at":386,"updated_at":387},"2022-01-23T18:31:53.000Z","2026-09-13T13:02:39.000Z"]