[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftome\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":261,"links":262,"dates":311},"\u002Fexamples\u002Fapps\u002Ftome\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tome product screens examples - Nicelydone","Browse Tome screen design examples. Preview the interface screenshots and explore related UI patterns. The storytelling tool for work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb75c4a4f-92e0-423e-a1fb-ba1d2e973ab4.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},"Tome design examples","\u002Fexamples\u002Fapps\u002Ftome",{"label":23,"to":4},"Tome 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},"Tome","tome","The storytelling tool for work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftome-3d8125c5.png","https:\u002F\u002Ftome.app","magicaltome",[36],{"id":37,"title":38,"slug":39},85,"Presentation software","presentation-software",[41,69,86,108,119,133,147,173,188,208,223,241],{"uuid":42,"title":29,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"b75c4a4f-92e0-423e-a1fb-ba1d2e973ab4","Sign-in screen where the user authenticates with Google, Single sign-on (SSO), or an email address.",3024,1658,"Tome from Tome","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",[59,63],{"id":60,"title":61,"slug":62},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":29,"description":71,"canonical_path":4,"image":72,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":73,"component_categories":81,"app":84},"6d582b12-fa28-42f0-a41b-20321004d7dc","Authentication screen where the user can sign up or log in using Google, SSO, or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d582b12-fa28-42f0-a41b-20321004d7dc.png",[74,76],{"id":50,"label":51,"slug":52,"rank":53,"group":75},{"id":55,"label":56,"slug":57},{"id":77,"label":78,"slug":79,"rank":55,"group":80},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[82,83],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":44,"height":45,"image_alt":91,"kind":47,"patterns":92,"component_categories":103,"app":106},"2a123ac1-351f-4924-b806-1de0ddab04d5","Tome - Home","Authentication screen where the user can sign up or log in using Google, SSO, or email, currently showing a loading state after an email was submitted.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a123ac1-351f-4924-b806-1de0ddab04d5.png","Tome - Home from Tome",[93,95],{"id":50,"label":51,"slug":52,"rank":53,"group":94},{"id":55,"label":56,"slug":57},{"id":96,"label":97,"slug":98,"rank":55,"group":99},120,"Loading","loading",{"id":100,"label":101,"slug":102},12,"States & Feedback","states-and-feedback",[104,105],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":29,"description":71,"canonical_path":4,"image":110,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":111,"component_categories":114,"app":117},"ae1146e9-411a-4ec0-a551-4ca636c8ad4b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae1146e9-411a-4ec0-a551-4ca636c8ad4b.png",[112],{"id":77,"label":78,"slug":79,"rank":53,"group":113},{"id":55,"label":56,"slug":57},[115,116],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":29,"description":121,"canonical_path":4,"image":122,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":123,"component_categories":128,"app":131},"5a884fdb-c09c-4229-bb52-acb5f13b66b0","Authentication screen where the user can sign up or log in using Google, SSO, or by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a884fdb-c09c-4229-bb52-acb5f13b66b0.png",[124,126],{"id":77,"label":78,"slug":79,"rank":53,"group":125},{"id":55,"label":56,"slug":57},{"id":50,"label":51,"slug":52,"rank":55,"group":127},{"id":55,"label":56,"slug":57},[129,130],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":88,"description":135,"canonical_path":4,"image":136,"width":44,"height":45,"image_alt":91,"kind":47,"patterns":137,"component_categories":143,"app":145},"71e51e7b-4a5d-4041-96a7-dcd6e72f3f19","Verification screen prompting the user to check their inbox for a link, offering quick buttons to open Gmail or Outlook and an option to resend the email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71e51e7b-4a5d-4041-96a7-dcd6e72f3f19.png",[138],{"id":139,"label":140,"slug":141,"rank":53,"group":142},6,"Verification","verification",{"id":55,"label":56,"slug":57},[144],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":153,"component_categories":169,"app":171},"07b1504d-ff29-47aa-b566-2bf06d3e3cd6","Tome - Create Profile","Onboarding step where the user enters their first and last name and selects their type of work to create their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07b1504d-ff29-47aa-b566-2bf06d3e3cd6.png","Tome - Create Profile from Tome",[154,158,166],{"id":55,"label":155,"slug":156,"rank":53,"group":157},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":55,"group":162},3,"Profile","profile",{"id":163,"label":164,"slug":165},11,"Social & Collaboration","social-and-collaboration",{"id":77,"label":78,"slug":79,"rank":167,"group":168},2,{"id":55,"label":56,"slug":57},[170],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":149,"description":175,"canonical_path":4,"image":176,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":177,"component_categories":184,"app":186},"37dd0ec3-c582-4ed4-ae00-0e1decfafe03","Onboarding step where the user enters their name and selects their role to create their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37dd0ec3-c582-4ed4-ae00-0e1decfafe03.png",[178,180,182],{"id":55,"label":155,"slug":156,"rank":53,"group":179},{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":55,"group":181},{"id":163,"label":164,"slug":165},{"id":77,"label":78,"slug":79,"rank":167,"group":183},{"id":55,"label":56,"slug":57},[185],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":149,"description":190,"canonical_path":4,"image":191,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":192,"component_categories":204,"app":206},"186ff947-6ec5-44b7-9bc6-0a6c5ebf9f1d","Onboarding step where the user selects their profession or industry to customize their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F186ff947-6ec5-44b7-9bc6-0a6c5ebf9f1d.png",[193,195,197],{"id":77,"label":78,"slug":79,"rank":53,"group":194},{"id":55,"label":56,"slug":57},{"id":55,"label":155,"slug":156,"rank":55,"group":196},{"id":55,"label":56,"slug":57},{"id":198,"label":199,"slug":200,"rank":167,"group":201},23,"Select","select",{"id":167,"label":202,"slug":203},"Actions","actions",[205],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":149,"description":210,"canonical_path":4,"image":211,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":212,"component_categories":219,"app":221},"d36e7e8a-9a51-4f4b-895d-667571005af4","Onboarding step where the user enters their name and selects their role to complete their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd36e7e8a-9a51-4f4b-895d-667571005af4.png",[213,215,217],{"id":55,"label":155,"slug":156,"rank":53,"group":214},{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":55,"group":216},{"id":163,"label":164,"slug":165},{"id":77,"label":78,"slug":79,"rank":167,"group":218},{"id":55,"label":56,"slug":57},[220],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":149,"description":225,"canonical_path":4,"image":226,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":227,"component_categories":237,"app":239},"d51088e3-d588-44e3-a532-d9867f6fbb80","Onboarding step where the user enters their name and selects their role to create their profile, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd51088e3-d588-44e3-a532-d9867f6fbb80.png",[228,230,232],{"id":55,"label":155,"slug":156,"rank":53,"group":229},{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":55,"group":231},{"id":163,"label":164,"slug":165},{"id":233,"label":234,"slug":235,"rank":167,"group":236},116,"Error","error",{"id":100,"label":101,"slug":102},[238],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":149,"description":243,"canonical_path":4,"image":244,"width":44,"height":45,"image_alt":152,"kind":47,"patterns":245,"component_categories":257,"app":259},"b68566e3-cc4c-4373-9028-1fa58b977b28","Onboarding step where the user provides their name and selects their role to finish setting up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb68566e3-cc4c-4373-9028-1fa58b977b28.png",[246,248,250],{"id":55,"label":155,"slug":156,"rank":53,"group":247},{"id":55,"label":56,"slug":57},{"id":159,"label":160,"slug":161,"rank":55,"group":249},{"id":163,"label":164,"slug":165},{"id":251,"label":252,"slug":253,"rank":167,"group":254},42,"Form","form",{"id":50,"label":255,"slug":256},"Data & Analysis","data-and-analysis",[258],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":260},[],[],[263,265,267,269,271,273,275,277,279,281,284,287,290,293,295,299,303,307],{"label":78,"to":264},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":155,"to":266},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":160,"to":268},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":51,"to":270},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":234,"to":272},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":252,"to":274},"\u002Fexamples\u002Fscreens\u002Fform",{"label":97,"to":276},"\u002Fexamples\u002Fscreens\u002Floading",{"label":199,"to":278},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":140,"to":280},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":282,"to":283},"Tome marketing pages","\u002Fexamples\u002Fapps\u002Ftome\u002Fmarketing",{"label":285,"to":286},"Tome user flows","\u002Fexamples\u002Fapps\u002Ftome\u002Fflows",{"label":288,"to":289},"Tome UI components","\u002Fexamples\u002Fapps\u002Ftome\u002Fcomponents",{"label":291,"to":292},"Presentation software app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpresentation-software",{"label":294,"to":18},"All SaaS app examples",{"label":296,"to":297,"description":298},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":300,"to":301,"description":302},"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":304,"to":305,"description":306},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":308,"to":309,"description":310},"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":312,"updated_at":313},"2022-10-10T10:04:22.000Z","2026-09-13T13:02:39.000Z"]