[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fformat\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":342,"links":343,"dates":404},"\u002Fexamples\u002Fapps\u002Fformat\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Format product screens examples - Nicelydone","Browse Format screen design examples. Preview the interface screenshots and explore related UI patterns. An online portfolio platform designed for creative…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_sign-in_491b48eb_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},"Format design examples","\u002Fexamples\u002Fapps\u002Fformat",{"label":23,"to":4},"Format product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Format screen design examples. Preview the interface screenshots and explore related UI patterns. An online portfolio platform designed for creative minds",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Format","format","An online portfolio platform designed for creative minds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fformat-27f265b5.png","https:\u002F\u002Fformat.com","useformat",[37,41,45],{"id":38,"title":39,"slug":40},6,"Publishing","publishing",{"id":42,"title":43,"slug":44},7,"Web Development","web-development",{"id":46,"title":47,"slug":48},8,"Design","design",[50,62,72,109,151,184,201,216,250,272,306,320],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":59,"app":60},"f1e572a4-24d9-473d-b5e9-21b39c809002","Sign in","Authentication User authentication Form",2780,1544,"Sign in from Format","screen",[],[],{"slug":31,"title":30,"logo":33,"categories":61},[],{"uuid":63,"title":64,"description":65,"canonical_path":4,"image":66,"width":54,"height":55,"image_alt":67,"kind":57,"patterns":68,"component_categories":69,"app":70},"8566c033-53e3-45f7-9400-8bfdc8352bc2","Sign up","Design Grid Templates","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_sign-up_579bfdaa_nicelydone.jpg","Sign up from Format",[],[],{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":64,"description":74,"canonical_path":4,"image":75,"width":54,"height":55,"image_alt":67,"kind":57,"patterns":76,"component_categories":94,"app":107},"7500c0d4-74ae-439e-9852-875022865e63","Signup modal overlaid on the website builder where the user creates an account with their name, email, and password to save their free trial progress.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_sign-up-2_cffc1b9c_nicelydone.jpg",[77,86],{"id":78,"label":79,"slug":80,"rank":81,"group":82},5,"Sign Up","sign-up",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",{"id":87,"label":88,"slug":89,"rank":83,"group":90},91,"Trial","trial",{"id":91,"label":92,"slug":93},9,"Plans & Limits","plans-and-limits",[95,99,103],{"id":96,"title":97,"slug":98},284,"Modal","modal",{"id":100,"title":101,"slug":102},175,"Button","button",{"id":104,"title":105,"slug":106},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":54,"height":55,"image_alt":114,"kind":57,"patterns":115,"component_categories":142,"app":149},"fe9d5ffa-b2fd-4a39-9093-1ec221952dff","Onboarding","Home screen displaying an onboarding checklist to help the user set up their website, including viewing a tutorial and uploading images.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_onboarding-3_2282fae6_nicelydone.jpg","Onboarding from Format",[116,123,128,134],{"id":117,"label":118,"slug":119,"rank":81,"group":120},74,"Onboarding Checklist","onboarding-checklist",{"id":42,"label":121,"slug":122},"Onboarding & Education","onboarding-and-education",{"id":124,"label":125,"slug":126,"rank":83,"group":127},72,"Getting Started","getting-started",{"id":42,"label":121,"slug":122},{"id":129,"label":130,"slug":131,"rank":132,"group":133},76,"Tutorial","tutorial",2,{"id":42,"label":121,"slug":122},{"id":135,"label":136,"slug":137,"rank":138,"group":139},25,"Upload & Download","upload-and-download",3,{"id":132,"label":140,"slug":141},"Actions","actions",[143,147,148],{"id":144,"title":145,"slug":146},174,"Card","card",{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":54,"height":55,"image_alt":156,"kind":57,"patterns":157,"component_categories":178,"app":182},"b1b8fc6c-1480-47d0-bd9b-7cff2d263935","Home","Home screen where the user is prompted to view a tutorial and explore core setup areas like pages, design, and settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_home_af9c164a_nicelydone.jpg","Home from Format",[158,160,165,173],{"id":124,"label":125,"slug":126,"rank":81,"group":159},{"id":42,"label":121,"slug":122},{"id":161,"label":162,"slug":163,"rank":83,"group":164},73,"Guided Tour","guided-tour",{"id":42,"label":121,"slug":122},{"id":166,"label":167,"slug":168,"rank":132,"group":169},41,"Dashboard","dashboard",{"id":170,"label":171,"slug":172},4,"Data & Analysis","data-and-analysis",{"id":174,"label":175,"slug":176,"rank":138,"group":177},77,"Welcome","welcome",{"id":42,"label":121,"slug":122},[179,180,181],{"id":144,"title":145,"slug":146},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":111,"description":186,"canonical_path":4,"image":187,"width":54,"height":55,"image_alt":114,"kind":57,"patterns":188,"component_categories":191,"app":199},"c73bbe8c-a43c-416a-8fb7-b15f86be5890","Onboarding modal where the user clicks through a product tour explaining how to create their website, starting with theme selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_onboarding-2_b4f30893_nicelydone.jpg",[189],{"id":161,"label":162,"slug":163,"rank":81,"group":190},{"id":42,"label":121,"slug":122},[192,196,197,198],{"id":193,"title":194,"slug":195},233,"Tabs","tabs",{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":200},[],{"uuid":202,"title":111,"description":203,"canonical_path":4,"image":204,"width":54,"height":55,"image_alt":114,"kind":57,"patterns":205,"component_categories":210,"app":214},"846a9a92-46f9-4196-84db-9d4c15997727","Onboarding modal where the user clicks through a product tour explaining how to manage pages.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_onboarding-4_16834aa8_nicelydone.jpg",[206,208],{"id":161,"label":162,"slug":163,"rank":81,"group":207},{"id":42,"label":121,"slug":122},{"id":124,"label":125,"slug":126,"rank":83,"group":209},{"id":42,"label":121,"slug":122},[211,212,213],{"id":193,"title":194,"slug":195},{"id":96,"title":97,"slug":98},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":215},[],{"uuid":217,"title":111,"description":218,"canonical_path":4,"image":219,"width":54,"height":55,"image_alt":114,"kind":57,"patterns":220,"component_categories":236,"app":248},"8e80a9b4-1e98-438e-bb1f-558db6c7d7e0","Onboarding modal explaining how to set a specific page as the homepage within the site settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_onboarding_07588c55_nicelydone.jpg",[221,223,228],{"id":124,"label":125,"slug":126,"rank":81,"group":222},{"id":42,"label":121,"slug":122},{"id":224,"label":225,"slug":226,"rank":83,"group":227},75,"Setup Wizard","setup-wizard",{"id":42,"label":121,"slug":122},{"id":229,"label":230,"slug":231,"rank":132,"group":232},114,"Confirmation","confirmation",{"id":233,"label":234,"slug":235},12,"States & Feedback","states-and-feedback",[237,241,245,246,247],{"id":238,"title":239,"slug":240},227,"Stepper","stepper",{"id":242,"title":243,"slug":244},260,"Badge","badge",{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":4,"image":254,"width":54,"height":55,"image_alt":255,"kind":57,"patterns":256,"component_categories":266,"app":270},"3880d61d-212d-4404-8dc5-c2f173cfaffe","Dropdown","Home screen where the user is prompted to complete onboarding steps like uploading images and viewing a tour, alongside quick links to manage pages, design, and settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_dropdown-2_2e5c92a2_nicelydone.jpg","Dropdown from Format",[257,259,261],{"id":166,"label":167,"slug":168,"rank":81,"group":258},{"id":170,"label":171,"slug":172},{"id":124,"label":125,"slug":126,"rank":83,"group":260},{"id":42,"label":121,"slug":122},{"id":262,"label":263,"slug":264,"rank":132,"group":265},118,"Help","help",{"id":233,"label":234,"slug":235},[267,268,269],{"id":144,"title":145,"slug":146},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":271},[],{"uuid":273,"title":274,"description":275,"canonical_path":4,"image":276,"width":54,"height":55,"image_alt":277,"kind":57,"patterns":278,"component_categories":301,"app":304},"3417d9f4-2bf0-465c-9648-511921313830","Settings","Settings page where the user can update their full name, email address, and password, with a prominent banner warning about their expiring free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_settings-2_fbccd0a7_nicelydone.jpg","Settings from Format",[279,287,289,296],{"id":280,"label":281,"slug":282,"rank":81,"group":283},94,"Account Settings","account-settings",{"id":284,"label":285,"slug":286},10,"Settings & Admin","settings-and-admin",{"id":87,"label":88,"slug":89,"rank":83,"group":288},{"id":91,"label":92,"slug":93},{"id":138,"label":290,"slug":291,"rank":132,"group":292},"Profile","profile",{"id":293,"label":294,"slug":295},11,"Social & Collaboration","social-and-collaboration",{"id":297,"label":298,"slug":299,"rank":138,"group":300},92,"Upgrade Prompt","upgrade-prompt",{"id":91,"label":92,"slug":93},[302,303],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":305},[],{"uuid":307,"title":274,"description":308,"canonical_path":4,"image":309,"width":54,"height":55,"image_alt":277,"kind":57,"patterns":310,"component_categories":315,"app":318},"82ece98b-bb88-4295-a0e4-97f02a52cc78","Settings page where the user configures general site details like the site title, icon, and image protection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_settings-3_4dbe611a_nicelydone.jpg",[311],{"id":312,"label":274,"slug":313,"rank":81,"group":314},102,"settings",{"id":284,"label":285,"slug":286},[316,317],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":319},[],{"uuid":321,"title":274,"description":322,"canonical_path":4,"image":323,"width":54,"height":55,"image_alt":277,"kind":57,"patterns":324,"component_categories":337,"app":340},"37b8ee50-95a6-4fa3-98d9-42e466398ace","Settings page where the user views their current subscription plan, payment method, and billing history, with a prominent banner to add payment details before their free trial expires.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_settings-4_32c28a32_nicelydone.jpg",[325,330,332],{"id":326,"label":327,"slug":328,"rank":81,"group":329},96,"Billing Settings","billing-settings",{"id":284,"label":285,"slug":286},{"id":297,"label":298,"slug":299,"rank":83,"group":331},{"id":91,"label":92,"slug":93},{"id":333,"label":334,"slug":335,"rank":132,"group":336},93,"Usage Limit","usage-limit",{"id":91,"label":92,"slug":93},[338,339],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":31,"title":30,"logo":33,"categories":341},[],[],[344,346,348,350,352,354,356,358,360,362,364,366,368,371,374,377,380,383,386,388,392,396,400],{"label":125,"to":345},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":162,"to":347},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":167,"to":349},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":88,"to":351},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":298,"to":353},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":281,"to":355},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":327,"to":357},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":230,"to":359},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":263,"to":361},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":118,"to":363},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":290,"to":365},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":274,"to":367},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":369,"to":370},"Format marketing pages","\u002Fexamples\u002Fapps\u002Fformat\u002Fmarketing",{"label":372,"to":373},"Format user flows","\u002Fexamples\u002Fapps\u002Fformat\u002Fflows",{"label":375,"to":376},"Format UI components","\u002Fexamples\u002Fapps\u002Fformat\u002Fcomponents",{"label":378,"to":379},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":381,"to":382},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":384,"to":385},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":387,"to":18},"All SaaS app examples",{"label":389,"to":390,"description":391},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":393,"to":394,"description":395},"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":397,"to":398,"description":399},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":401,"to":402,"description":403},"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":405,"updated_at":406},"2016-06-27T08:00:00.000Z","2026-09-13T13:02:39.000Z"]