[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftola\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":246,"links":247,"dates":297},"\u002Fexamples\u002Fapps\u002Ftola\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tola product screens examples - Nicelydone","Browse Tola screen design examples. Preview the interface screenshots and explore related UI patterns. Pay bills, get paid and manage cash flow","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffeb492a7-7aff-4b8b-89e0-17c784ebddde.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},"Tola design examples","\u002Fexamples\u002Fapps\u002Ftola",{"label":23,"to":4},"Tola 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,"twitter_username":34,"categories":35},"Tola","tola","Pay bills, get paid and manage cash flow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftola-17715058.png","https:\u002F\u002Fwww.tolahq.com","tolahq",[36,40],{"id":37,"title":38,"slug":39},56,"Accounting","accounting",{"id":41,"title":42,"slug":43},36,"Finance","finance",[45,91,109,125,136,147,163,178,199,210,223,235],{"uuid":46,"title":29,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":76,"app":89},"feb492a7-7aff-4b8b-89e0-17c784ebddde","Creation screen where the user builds a new invoice by filling out sender, recipient, dates, and items while customizing the document's brand color.",3024,1658,"Tola from Tola","screen",[53,62,68],{"id":54,"label":55,"slug":56,"rank":57,"group":58},7,"Add & Create","add-and-create",0,{"id":59,"label":60,"slug":61},2,"Actions","actions",{"id":63,"label":64,"slug":65,"rank":66,"group":67},11,"Edit","edit",1,{"id":59,"label":60,"slug":61},{"id":69,"label":70,"slug":71,"rank":59,"group":72},58,"Media Editor","media-editor",{"id":73,"label":74,"slug":75},5,"Media & Tools","media-and-tools",[77,81,85],{"id":78,"title":79,"slug":80},183,"Color picker","color-picker",{"id":82,"title":83,"slug":84},257,"Input number","input-number",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":48,"height":96,"image_alt":97,"kind":51,"patterns":98,"component_categories":105,"app":107},"4338291c-89a6-448b-b225-bab43c09cce3","Get started • Tola","Signup screen where the user can create an account using Google, Xero, QuickBooks, or a magic link via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4338291c-89a6-448b-b225-bab43c09cce3.png",1722,"Get started • Tola from Tola",[99],{"id":73,"label":100,"slug":101,"rank":57,"group":102},"Sign Up","sign-up",{"id":66,"label":103,"slug":104},"Access & Account","access-and-account",[106],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":48,"height":96,"image_alt":114,"kind":51,"patterns":115,"component_categories":121,"app":123},"838c6642-7524-4d31-975e-747aaf96ea29","Sign in • Tola","Sign-in screen where the user authenticates via Google, Xero, QuickBooks, or requests an email magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F838c6642-7524-4d31-975e-747aaf96ea29.png","Sign in • Tola from Tola",[116],{"id":117,"label":118,"slug":119,"rank":57,"group":120},4,"Sign In","sign-in",{"id":66,"label":103,"slug":104},[122],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":111,"description":127,"canonical_path":4,"image":128,"width":48,"height":96,"image_alt":114,"kind":51,"patterns":129,"component_categories":132,"app":134},"e1830590-da0b-453a-a957-f491360215df","Sign-in screen where the user authenticates using Google, Xero, QuickBooks, or requests a magic link via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1830590-da0b-453a-a957-f491360215df.png",[130],{"id":117,"label":118,"slug":119,"rank":57,"group":131},{"id":66,"label":103,"slug":104},[133],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":111,"description":138,"canonical_path":4,"image":139,"width":48,"height":96,"image_alt":114,"kind":51,"patterns":140,"component_categories":143,"app":145},"41f6a368-8d52-464a-bd41-f4ad2e661d74","Sign-in screen where the user authenticates with Google, Xero, QuickBooks, or via an email magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41f6a368-8d52-464a-bd41-f4ad2e661d74.png",[141],{"id":117,"label":118,"slug":119,"rank":57,"group":142},{"id":66,"label":103,"slug":104},[144],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":48,"height":96,"image_alt":152,"kind":51,"patterns":153,"component_categories":159,"app":161},"07212778-e340-47f5-905f-9c1a3705fb5d","Confirm your email • Tola","Verification screen informing the user that a magic link has been sent to their email, with options to get help or use a different address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07212778-e340-47f5-905f-9c1a3705fb5d.png","Confirm your email • Tola from Tola",[154],{"id":155,"label":156,"slug":157,"rank":57,"group":158},6,"Verification","verification",{"id":66,"label":103,"slug":104},[160],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":93,"description":165,"canonical_path":4,"image":166,"width":48,"height":96,"image_alt":97,"kind":51,"patterns":167,"component_categories":174,"app":176},"c1d0a901-ddd9-4674-94b0-98e6ddc322f8","Signup screen where the user can authenticate using Google, Xero, QuickBooks, or request an email magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1d0a901-ddd9-4674-94b0-98e6ddc322f8.png",[168,170],{"id":73,"label":100,"slug":101,"rank":57,"group":169},{"id":66,"label":103,"slug":104},{"id":66,"label":171,"slug":172,"rank":66,"group":173},"Account Setup","account-setup",{"id":66,"label":103,"slug":104},[175],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":93,"description":180,"canonical_path":4,"image":181,"width":48,"height":96,"image_alt":97,"kind":51,"patterns":182,"component_categories":195,"app":197},"c9156aab-13a6-4755-9803-d01a22de3b5e","Signup screen where the user can authenticate via Google, Xero, QuickBooks, or by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9156aab-13a6-4755-9803-d01a22de3b5e.png",[183,185,187],{"id":73,"label":100,"slug":101,"rank":57,"group":184},{"id":66,"label":103,"slug":104},{"id":66,"label":171,"slug":172,"rank":66,"group":186},{"id":66,"label":103,"slug":104},{"id":188,"label":189,"slug":190,"rank":59,"group":191},120,"Loading","loading",{"id":192,"label":193,"slug":194},12,"States & Feedback","states-and-feedback",[196],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":149,"description":201,"canonical_path":4,"image":202,"width":48,"height":96,"image_alt":152,"kind":51,"patterns":203,"component_categories":206,"app":208},"20813930-7d40-40a9-bbad-6cbbdc8b0748","Verification screen where the user is instructed to check their inbox for a magic link to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F20813930-7d40-40a9-bbad-6cbbdc8b0748.png",[204],{"id":155,"label":156,"slug":157,"rank":57,"group":205},{"id":66,"label":103,"slug":104},[207],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":29,"description":212,"canonical_path":4,"image":213,"width":48,"height":96,"image_alt":50,"kind":51,"patterns":214,"component_categories":219,"app":221},"9b05bcaf-a8b7-4148-a56e-c0dafbdb14cb","Verification screen where the user sets up two-factor authentication by entering their phone number.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b05bcaf-a8b7-4148-a56e-c0dafbdb14cb.png",[215,217],{"id":155,"label":156,"slug":157,"rank":57,"group":216},{"id":66,"label":103,"slug":104},{"id":66,"label":171,"slug":172,"rank":66,"group":218},{"id":66,"label":103,"slug":104},[220],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":29,"description":212,"canonical_path":4,"image":225,"width":48,"height":96,"image_alt":50,"kind":51,"patterns":226,"component_categories":231,"app":233},"8c5989ed-6f67-4bbe-b46f-b857053df04f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c5989ed-6f67-4bbe-b46f-b857053df04f.png",[227,229],{"id":155,"label":156,"slug":157,"rank":57,"group":228},{"id":66,"label":103,"slug":104},{"id":66,"label":171,"slug":172,"rank":66,"group":230},{"id":66,"label":103,"slug":104},[232],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":29,"description":237,"canonical_path":4,"image":238,"width":48,"height":96,"image_alt":50,"kind":51,"patterns":239,"component_categories":242,"app":244},"ec96d625-d118-49c3-8e22-73d8074ba00b","Verification screen where the user enters a 6-digit SMS code to confirm their identity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec96d625-d118-49c3-8e22-73d8074ba00b.png",[240],{"id":155,"label":156,"slug":157,"rank":57,"group":241},{"id":66,"label":103,"slug":104},[243],{"id":86,"title":87,"slug":88},{"slug":30,"title":29,"logo":32,"categories":245},[],[],[248,250,252,254,256,258,260,262,264,267,270,273,276,279,281,285,289,293],{"label":156,"to":249},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":171,"to":251},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":118,"to":253},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":100,"to":255},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":55,"to":257},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":64,"to":259},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":189,"to":261},"\u002Fexamples\u002Fscreens\u002Floading",{"label":70,"to":263},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":265,"to":266},"Tola marketing pages","\u002Fexamples\u002Fapps\u002Ftola\u002Fmarketing",{"label":268,"to":269},"Tola user flows","\u002Fexamples\u002Fapps\u002Ftola\u002Fflows",{"label":271,"to":272},"Tola UI components","\u002Fexamples\u002Fapps\u002Ftola\u002Fcomponents",{"label":274,"to":275},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":277,"to":278},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":280,"to":18},"All SaaS app examples",{"label":282,"to":283,"description":284},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":286,"to":287,"description":288},"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":290,"to":291,"description":292},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":294,"to":295,"description":296},"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":298,"updated_at":299},"2024-03-18T10:37:02.000Z","2026-09-13T13:02:39.000Z"]