[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbench\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":320,"links":321,"dates":376},"\u002Fexamples\u002Fapps\u002Fbench\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Bench product screens examples - Nicelydone","Browse Bench screen design examples. Preview the interface screenshots and explore related UI patterns. Online bookkeeping for your small business","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_sign-in_ed997bd9_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Bench design examples","\u002Fexamples\u002Fapps\u002Fbench",{"label":23,"to":4},"Bench 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},"Bench","bench","Online bookkeeping for your small business","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbench-444eff9b.png","https:\u002F\u002Fbench.co\u002F",[35],{"id":36,"title":37,"slug":38},56,"Accounting","accounting",[40,61,80,96,136,153,177,195,215,249,268,298],{"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":59},"7db63e0e-fb03-4bbf-a54b-9d13eef540b7","Sign in","Sign-in screen where the user authenticates with their email and password.",2800,1544,"Sign in from Bench","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[],{"slug":30,"title":29,"logo":32,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":44,"height":45,"image_alt":66,"kind":47,"patterns":67,"component_categories":73,"app":78},"9af06b33-cfda-4cba-aa4c-b76068a6d54d","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_password-reset_6f656528_nicelydone.jpg","Password reset from Bench",[68],{"id":69,"label":70,"slug":71,"rank":53,"group":72},2,"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},[74],{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":44,"height":45,"image_alt":85,"kind":47,"patterns":86,"component_categories":92,"app":94},"a25aad8f-37dd-4a64-895d-7b04d8e81096","Sign up","Signup screen where the user creates a new account using an email address and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_sign-up_0529e2a1_nicelydone.jpg","Sign up from Bench",[87],{"id":88,"label":89,"slug":90,"rank":53,"group":91},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[93],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":102,"component_categories":116,"app":134},"8f3a7879-dc17-4664-aa23-e711f0f194fd","Onboarding","Onboarding step where the user meets their dedicated bookkeeping team, Kyle and Brittany, and can proceed to the next step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_onboarding_c508252a_nicelydone.jpg","Onboarding from Bench",[103,111],{"id":104,"label":105,"slug":106,"rank":53,"group":107},74,"Onboarding Checklist","onboarding-checklist",{"id":108,"label":109,"slug":110},7,"Onboarding & Education","onboarding-and-education",{"id":112,"label":113,"slug":114,"rank":55,"group":115},77,"Welcome","welcome",{"id":108,"label":109,"slug":110},[117,121,125,129,133],{"id":118,"title":119,"slug":120},227,"Stepper","stepper",{"id":122,"title":123,"slug":124},169,"Avatar","avatar",{"id":126,"title":127,"slug":128},174,"Card","card",{"id":130,"title":131,"slug":132},260,"Badge","badge",{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":98,"description":138,"canonical_path":4,"image":139,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":140,"component_categories":147,"app":151},"b363931d-7507-4ff2-929a-cca24f1aa00a","Onboarding step where the user provides their name, company, and phone number to schedule a bookkeeping consultation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_onboarding-2_e04828a5_nicelydone.jpg",[141,143],{"id":104,"label":105,"slug":106,"rank":53,"group":142},{"id":108,"label":109,"slug":110},{"id":55,"label":144,"slug":145,"rank":55,"group":146},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[148,149,150],{"id":118,"title":119,"slug":120},{"id":126,"title":127,"slug":128},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":98,"description":155,"canonical_path":4,"image":156,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":157,"component_categories":170,"app":175},"88acae08-b2fa-4247-9c87-f97383e4954e","Onboarding step where the user selects a subscription plan from four tiers—Micro, Boutique, Venture, or Enterprise—to fit their business needs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_onboarding-3_852d97d5_nicelydone.jpg",[158,160,168],{"id":104,"label":105,"slug":106,"rank":53,"group":159},{"id":108,"label":109,"slug":110},{"id":161,"label":162,"slug":163,"rank":55,"group":164},89,"Pricing","pricing",{"id":165,"label":166,"slug":167},9,"Plans & Limits","plans-and-limits",{"id":55,"label":144,"slug":145,"rank":69,"group":169},{"id":55,"label":56,"slug":57},[171,172,173,174],{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":98,"description":179,"canonical_path":4,"image":180,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":181,"component_categories":187,"app":193},"7095fc18-456c-47e7-a652-84390fe4f043","Checkout screen where the user enters their credit card details to start a free trial for the Micro Plan, featuring a progress stepper and an introduction to their onboarding specialist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_onboarding-4_4028ce4c_nicelydone.jpg",[182],{"id":183,"label":184,"slug":185,"rank":53,"group":186},91,"Trial","trial",{"id":165,"label":166,"slug":167},[188,189,190,191,192],{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":98,"description":197,"canonical_path":4,"image":198,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":199,"component_categories":210,"app":213},"14d6e62f-a12e-42b3-a6b6-ae56b6b2a19e","Welcome screen after signup confirming account creation and offering to send a physical thank you card to a provided address before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_onboarding-5_80735313_nicelydone.png",[200,208],{"id":201,"label":202,"slug":203,"rank":53,"group":204},114,"Confirmation","confirmation",{"id":205,"label":206,"slug":207},12,"States & Feedback","states-and-feedback",{"id":104,"label":105,"slug":106,"rank":55,"group":209},{"id":108,"label":109,"slug":110},[211,212],{"id":126,"title":127,"slug":128},{"id":75,"title":76,"slug":77},{"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":238,"app":247},"b98b0af5-a248-4b43-ad5a-8e9352954819","Messaging","Inbox where the user reads a welcome message from their bookkeeping team and can reply via the bottom composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_messaging_1d46e56b_nicelydone.jpg","Messaging from Bench",[222,230],{"id":223,"label":224,"slug":225,"rank":53,"group":226},109,"Messages","messages",{"id":227,"label":228,"slug":229},11,"Social & Collaboration","social-and-collaboration",{"id":231,"label":232,"slug":233,"rank":55,"group":234},35,"Chatbot","chatbot",{"id":235,"label":236,"slug":237},3,"AI","ai",[239,240,244,245,246],{"id":122,"title":123,"slug":124},{"id":241,"title":242,"slug":243},233,"Tabs","tabs",{"id":130,"title":131,"slug":132},{"id":126,"title":127,"slug":128},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":4,"image":253,"width":44,"height":45,"image_alt":254,"kind":47,"patterns":255,"component_categories":260,"app":266},"9d2a44b6-a207-4c67-89c0-3e03d264af41","Settings","Settings page where the user views their personal profile information, including email and phone, and can initiate a password change.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_settings_ea008777_nicelydone.jpg","Settings from Bench",[256],{"id":235,"label":257,"slug":258,"rank":53,"group":259},"Profile","profile",{"id":227,"label":228,"slug":229},[261,262,263,264,265],{"id":122,"title":123,"slug":124},{"id":241,"title":242,"slug":243},{"id":130,"title":131,"slug":132},{"id":126,"title":127,"slug":128},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":4,"image":272,"width":44,"height":45,"image_alt":273,"kind":47,"patterns":274,"component_categories":292,"app":296},"fcda7d9c-4d72-45fa-941d-d771e4a29c7b","Empty state","Dashboard showing a profit and loss summary for 2016 with an empty state over the main chart due to insufficient data, alongside a top expenses breakdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_empty-state-2_6b607a84_nicelydone.jpg","Empty state from Bench",[275,280,287],{"id":276,"label":277,"slug":278,"rank":53,"group":279},115,"Empty State","empty-state",{"id":205,"label":206,"slug":207},{"id":281,"label":282,"slug":283,"rank":55,"group":284},41,"Dashboard","dashboard",{"id":50,"label":285,"slug":286},"Data & Analysis","data-and-analysis",{"id":288,"label":289,"slug":290,"rank":69,"group":291},40,"Charts","charts",{"id":50,"label":285,"slug":286},[293,294,295],{"id":241,"title":242,"slug":243},{"id":130,"title":131,"slug":132},{"id":126,"title":127,"slug":128},{"slug":30,"title":29,"logo":32,"categories":297},[],{"uuid":299,"title":300,"description":301,"canonical_path":4,"image":302,"width":44,"height":45,"image_alt":303,"kind":47,"patterns":304,"component_categories":311,"app":318},"15f3d840-cb23-4659-b0fb-9441863e11c6","Create","Modal where the user enters their institution, username, and password to connect a new financial account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbench_create_5fc4bb94_nicelydone.jpg","Create from Bench",[305],{"id":108,"label":306,"slug":307,"rank":53,"group":308},"Add & Create","add-and-create",{"id":69,"label":309,"slug":310},"Actions","actions",[312,316,317],{"id":313,"title":314,"slug":315},284,"Modal","modal",{"id":130,"title":131,"slug":132},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":319},[],[],[322,324,326,328,330,332,334,336,338,340,342,344,346,349,352,355,358,360,364,368,372],{"label":105,"to":323},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":144,"to":325},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":306,"to":327},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":289,"to":329},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":232,"to":331},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":202,"to":333},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":282,"to":335},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":277,"to":337},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":70,"to":339},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":224,"to":341},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":162,"to":343},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":257,"to":345},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":347,"to":348},"Bench marketing pages","\u002Fexamples\u002Fapps\u002Fbench\u002Fmarketing",{"label":350,"to":351},"Bench user flows","\u002Fexamples\u002Fapps\u002Fbench\u002Fflows",{"label":353,"to":354},"Bench UI components","\u002Fexamples\u002Fapps\u002Fbench\u002Fcomponents",{"label":356,"to":357},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":359,"to":18},"All SaaS app examples",{"label":361,"to":362,"description":363},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":365,"to":366,"description":367},"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":369,"to":370,"description":371},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":373,"to":374,"description":375},"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":377,"updated_at":378},"2016-08-09T08:00:00.000Z","2026-09-13T13:02:39.000Z"]