[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmercury":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":273,"dates":303},"\u002Fexamples\u002Fapps\u002Fmercury","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mercury design examples - Nicelydone","Explore Mercury UI design examples. Banking for startups","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a01ceb6-004b-4803-9ba0-5c99f18c42df.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mercury design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mercury",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmercury\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmercury\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fmercury\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fmercury\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Mercury","mercury","Banking for startups","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmercury-2e3d5425.png","http:\u002F\u002Fmercury.com",[47],{"id":48,"title":49,"slug":50},36,"Finance","finance",[],[53,264,267,270],{"family":54,"examples":55},"screens",[56,85,102,114,134,151,163,175,195,208,221,249],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":83},"9a01ceb6-004b-4803-9ba0-5c99f18c42df","Log In | Mercury","Sign-in screen where the user authenticates with their email and password or navigates to open a new account.",3024,1738,"Log In | Mercury from Mercury","screen",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},4,"Sign In","sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75,79],{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":29,"image":89,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":91,"component_categories":97,"app":100},"8a77a630-f815-4792-ab44-0fa1b1f7d4db","Forgot Password | Mercury","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a77a630-f815-4792-ab44-0fa1b1f7d4db.png","Forgot Password | Mercury from Mercury",[92],{"id":93,"label":94,"slug":95,"rank":69,"group":96},2,"Forgot Password","forgot-password",{"id":71,"label":72,"slug":73},[98,99],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":101},[],{"uuid":103,"title":87,"description":104,"canonical_path":29,"image":105,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":106,"component_categories":109,"app":112},"1bd8ec8c-7a04-4c74-9f68-621fd14c5495","Password recovery screen where the user submits their pre-filled email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1bd8ec8c-7a04-4c74-9f68-621fd14c5495.png",[107],{"id":93,"label":94,"slug":95,"rank":69,"group":108},{"id":71,"label":72,"slug":73},[110,111],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":113},[],{"uuid":115,"title":87,"description":116,"canonical_path":29,"image":117,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":118,"component_categories":129,"app":132},"5395dace-f048-492a-9458-e1ae5c1c86d1","Password recovery screen showing an error state because the entered email address does not match an existing account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5395dace-f048-492a-9458-e1ae5c1c86d1.png",[119,121],{"id":93,"label":94,"slug":95,"rank":69,"group":120},{"id":71,"label":72,"slug":73},{"id":122,"label":123,"slug":124,"rank":71,"group":125},116,"Error","error",{"id":126,"label":127,"slug":128},12,"States & Feedback","states-and-feedback",[130,131],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":29,"image":138,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":140,"component_categories":146,"app":149},"c10258f5-a2af-48b6-8847-78ec26c2fc33","Sign Up | Get Started  Mercury","Signup page where the user begins their Mercury application by providing their name, work email, and setting a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc10258f5-a2af-48b6-8847-78ec26c2fc33.png","Sign Up | Get Started  Mercury from Mercury",[141],{"id":142,"label":143,"slug":144,"rank":69,"group":145},5,"Sign Up","sign-up",{"id":71,"label":72,"slug":73},[147,148],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":136,"description":153,"canonical_path":29,"image":154,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":155,"component_categories":158,"app":161},"4c636ef0-cdd3-4e8f-92b4-65fae150611f","Signup page where the user starts a business account application by entering their name, work email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c636ef0-cdd3-4e8f-92b4-65fae150611f.png",[156],{"id":142,"label":143,"slug":144,"rank":69,"group":157},{"id":71,"label":72,"slug":73},[159,160],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":162},[],{"uuid":164,"title":136,"description":165,"canonical_path":29,"image":166,"width":60,"height":61,"image_alt":139,"kind":63,"patterns":167,"component_categories":170,"app":173},"6a98eec9-baed-4cb4-8f47-a28498e18e0c","Signup screen where the user enters their name, work email, and password to apply for a Mercury account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a98eec9-baed-4cb4-8f47-a28498e18e0c.png",[168],{"id":142,"label":143,"slug":144,"rank":69,"group":169},{"id":71,"label":72,"slug":73},[171,172],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":29,"image":179,"width":60,"height":61,"image_alt":180,"kind":63,"patterns":181,"component_categories":186,"app":193},"eb6ec99c-c567-4ed6-bbd7-9751ff7f31dd","Mercury | Banking for startups","Onboarding step where the user provides their company name and selects their role, such as Founder or CFO, to continue setting up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb6ec99c-c567-4ed6-bbd7-9751ff7f31dd.png","Mercury | Banking for startups from Mercury",[182],{"id":71,"label":183,"slug":184,"rank":69,"group":185},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},[187,191,192],{"id":188,"title":189,"slug":190},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":194},[],{"uuid":196,"title":177,"description":197,"canonical_path":29,"image":198,"width":60,"height":61,"image_alt":180,"kind":63,"patterns":199,"component_categories":202,"app":206},"7783daab-00dd-4616-be8b-271d24062a69","Onboarding step where the user provides their company name and selects their role within the organization to continue account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7783daab-00dd-4616-be8b-271d24062a69.png",[200],{"id":71,"label":183,"slug":184,"rank":69,"group":201},{"id":71,"label":72,"slug":73},[203,204,205],{"id":188,"title":189,"slug":190},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":207},[],{"uuid":209,"title":177,"description":210,"canonical_path":29,"image":211,"width":60,"height":61,"image_alt":180,"kind":63,"patterns":212,"component_categories":215,"app":219},"c6fa37ec-a500-494a-b31d-595d0ba74f39","Onboarding step where the user chooses their team's Mercury callsign for custom URLs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6fa37ec-a500-494a-b31d-595d0ba74f39.png",[213],{"id":71,"label":183,"slug":184,"rank":69,"group":214},{"id":71,"label":72,"slug":73},[216,217,218],{"id":188,"title":189,"slug":190},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":220},[],{"uuid":222,"title":177,"description":223,"canonical_path":29,"image":224,"width":60,"height":61,"image_alt":180,"kind":63,"patterns":225,"component_categories":243,"app":247},"a8b8f1f6-1353-49ff-86d4-41853cf0397e","Onboarding step where the user indicates if their company falls into specific regulated categories like gambling, firearms, or adult entertainment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8b8f1f6-1353-49ff-86d4-41853cf0397e.png",[226,228,235],{"id":71,"label":183,"slug":184,"rank":69,"group":227},{"id":71,"label":72,"slug":73},{"id":229,"label":230,"slug":231,"rank":71,"group":232},42,"Form","form",{"id":66,"label":233,"slug":234},"Data & Analysis","data-and-analysis",{"id":236,"label":237,"slug":238,"rank":93,"group":239},74,"Onboarding Checklist","onboarding-checklist",{"id":240,"label":241,"slug":242},7,"Onboarding & Education","onboarding-and-education",[244,245,246],{"id":188,"title":189,"slug":190},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":248},[],{"uuid":250,"title":177,"description":251,"canonical_path":29,"image":252,"width":60,"height":61,"image_alt":180,"kind":63,"patterns":253,"component_categories":258,"app":262},"ac24f683-fc84-41d2-81a9-22a3bd64821d","Onboarding step where the user indicates if their company falls into restricted categories like gambling, firearms, or adult entertainment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac24f683-fc84-41d2-81a9-22a3bd64821d.png",[254,256],{"id":71,"label":183,"slug":184,"rank":69,"group":255},{"id":71,"label":72,"slug":73},{"id":229,"label":230,"slug":231,"rank":71,"group":257},{"id":66,"label":233,"slug":234},[259,260,261],{"id":188,"title":189,"slug":190},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":263},[],{"family":265,"examples":266},"flows",[],{"family":268,"examples":269},"components",[],{"family":271,"examples":272},"pages",[],[274,276,278,280,282,285,287,291,295,299],{"label":275,"to":29},"Mercury product screens",{"label":277,"to":38},"Mercury marketing pages",{"label":279,"to":32},"Mercury user flows",{"label":281,"to":35},"Mercury UI components",{"label":283,"to":284},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":286,"to":18},"All SaaS app examples",{"label":288,"to":289,"description":290},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":292,"to":293,"description":294},"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":296,"to":297,"description":298},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":300,"to":301,"description":302},"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":304,"updated_at":305},"2023-02-28T14:08:13.000Z","2026-09-13T13:02:39.000Z"]