[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fformat":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":54,"showcases":55,"links":354,"dates":392},"\u002Fexamples\u002Fapps\u002Fformat","detail","apps",true,{"title":9,"description":10,"og_image":11},"Format design examples - Nicelydone","Explore Format UI design examples. An online portfolio platform designed for creative minds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fformat_sign-in_491b48eb_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Format design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Format",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fformat\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fformat\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":40,"categories":41},"Format","format","An online portfolio platform designed for creative minds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fformat-27f265b5.png","https:\u002F\u002Fformat.com","useformat",[42,46,50],{"id":43,"title":44,"slug":45},6,"Publishing","publishing",{"id":47,"title":48,"slug":49},7,"Web Development","web-development",{"id":51,"title":52,"slug":53},8,"Design","design",[],[56,351],{"family":57,"examples":58},"screens",[59,71,81,118,160,193,210,225,259,281,315,329],{"uuid":60,"title":61,"description":62,"canonical_path":29,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":68,"app":69},"f1e572a4-24d9-473d-b5e9-21b39c809002","Sign in","Authentication User authentication Form",2780,1544,"Sign in from Format","screen",[],[],{"slug":36,"title":35,"logo":38,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":29,"image":75,"width":63,"height":64,"image_alt":76,"kind":66,"patterns":77,"component_categories":78,"app":79},"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":36,"title":35,"logo":38,"categories":80},[],{"uuid":82,"title":73,"description":83,"canonical_path":29,"image":84,"width":63,"height":64,"image_alt":76,"kind":66,"patterns":85,"component_categories":103,"app":116},"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",[86,95],{"id":87,"label":88,"slug":89,"rank":90,"group":91},5,"Sign Up","sign-up",0,{"id":92,"label":93,"slug":94},1,"Access & Account","access-and-account",{"id":96,"label":97,"slug":98,"rank":92,"group":99},91,"Trial","trial",{"id":100,"label":101,"slug":102},9,"Plans & Limits","plans-and-limits",[104,108,112],{"id":105,"title":106,"slug":107},284,"Modal","modal",{"id":109,"title":110,"slug":111},175,"Button","button",{"id":113,"title":114,"slug":115},240,"Horizontal navigation","horizontal-navigation",{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":63,"height":64,"image_alt":123,"kind":66,"patterns":124,"component_categories":151,"app":158},"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",[125,132,137,143],{"id":126,"label":127,"slug":128,"rank":90,"group":129},74,"Onboarding Checklist","onboarding-checklist",{"id":47,"label":130,"slug":131},"Onboarding & Education","onboarding-and-education",{"id":133,"label":134,"slug":135,"rank":92,"group":136},72,"Getting Started","getting-started",{"id":47,"label":130,"slug":131},{"id":138,"label":139,"slug":140,"rank":141,"group":142},76,"Tutorial","tutorial",2,{"id":47,"label":130,"slug":131},{"id":144,"label":145,"slug":146,"rank":147,"group":148},25,"Upload & Download","upload-and-download",3,{"id":141,"label":149,"slug":150},"Actions","actions",[152,156,157],{"id":153,"title":154,"slug":155},174,"Card","card",{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":29,"image":164,"width":63,"height":64,"image_alt":165,"kind":66,"patterns":166,"component_categories":187,"app":191},"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",[167,169,174,182],{"id":133,"label":134,"slug":135,"rank":90,"group":168},{"id":47,"label":130,"slug":131},{"id":170,"label":171,"slug":172,"rank":92,"group":173},73,"Guided Tour","guided-tour",{"id":47,"label":130,"slug":131},{"id":175,"label":176,"slug":177,"rank":141,"group":178},41,"Dashboard","dashboard",{"id":179,"label":180,"slug":181},4,"Data & Analysis","data-and-analysis",{"id":183,"label":184,"slug":185,"rank":147,"group":186},77,"Welcome","welcome",{"id":47,"label":130,"slug":131},[188,189,190],{"id":153,"title":154,"slug":155},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":192},[],{"uuid":194,"title":120,"description":195,"canonical_path":29,"image":196,"width":63,"height":64,"image_alt":123,"kind":66,"patterns":197,"component_categories":200,"app":208},"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",[198],{"id":170,"label":171,"slug":172,"rank":90,"group":199},{"id":47,"label":130,"slug":131},[201,205,206,207],{"id":202,"title":203,"slug":204},233,"Tabs","tabs",{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":209},[],{"uuid":211,"title":120,"description":212,"canonical_path":29,"image":213,"width":63,"height":64,"image_alt":123,"kind":66,"patterns":214,"component_categories":219,"app":223},"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",[215,217],{"id":170,"label":171,"slug":172,"rank":90,"group":216},{"id":47,"label":130,"slug":131},{"id":133,"label":134,"slug":135,"rank":92,"group":218},{"id":47,"label":130,"slug":131},[220,221,222],{"id":202,"title":203,"slug":204},{"id":105,"title":106,"slug":107},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":224},[],{"uuid":226,"title":120,"description":227,"canonical_path":29,"image":228,"width":63,"height":64,"image_alt":123,"kind":66,"patterns":229,"component_categories":245,"app":257},"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",[230,232,237],{"id":133,"label":134,"slug":135,"rank":90,"group":231},{"id":47,"label":130,"slug":131},{"id":233,"label":234,"slug":235,"rank":92,"group":236},75,"Setup Wizard","setup-wizard",{"id":47,"label":130,"slug":131},{"id":238,"label":239,"slug":240,"rank":141,"group":241},114,"Confirmation","confirmation",{"id":242,"label":243,"slug":244},12,"States & Feedback","states-and-feedback",[246,250,254,255,256],{"id":247,"title":248,"slug":249},227,"Stepper","stepper",{"id":251,"title":252,"slug":253},260,"Badge","badge",{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":258},[],{"uuid":260,"title":261,"description":262,"canonical_path":29,"image":263,"width":63,"height":64,"image_alt":264,"kind":66,"patterns":265,"component_categories":275,"app":279},"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",[266,268,270],{"id":175,"label":176,"slug":177,"rank":90,"group":267},{"id":179,"label":180,"slug":181},{"id":133,"label":134,"slug":135,"rank":92,"group":269},{"id":47,"label":130,"slug":131},{"id":271,"label":272,"slug":273,"rank":141,"group":274},118,"Help","help",{"id":242,"label":243,"slug":244},[276,277,278],{"id":153,"title":154,"slug":155},{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":280},[],{"uuid":282,"title":283,"description":284,"canonical_path":29,"image":285,"width":63,"height":64,"image_alt":286,"kind":66,"patterns":287,"component_categories":310,"app":313},"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",[288,296,298,305],{"id":289,"label":290,"slug":291,"rank":90,"group":292},94,"Account Settings","account-settings",{"id":293,"label":294,"slug":295},10,"Settings & Admin","settings-and-admin",{"id":96,"label":97,"slug":98,"rank":92,"group":297},{"id":100,"label":101,"slug":102},{"id":147,"label":299,"slug":300,"rank":141,"group":301},"Profile","profile",{"id":302,"label":303,"slug":304},11,"Social & Collaboration","social-and-collaboration",{"id":306,"label":307,"slug":308,"rank":147,"group":309},92,"Upgrade Prompt","upgrade-prompt",{"id":100,"label":101,"slug":102},[311,312],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":314},[],{"uuid":316,"title":283,"description":317,"canonical_path":29,"image":318,"width":63,"height":64,"image_alt":286,"kind":66,"patterns":319,"component_categories":324,"app":327},"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",[320],{"id":321,"label":283,"slug":322,"rank":90,"group":323},102,"settings",{"id":293,"label":294,"slug":295},[325,326],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":328},[],{"uuid":330,"title":283,"description":331,"canonical_path":29,"image":332,"width":63,"height":64,"image_alt":286,"kind":66,"patterns":333,"component_categories":346,"app":349},"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",[334,339,341],{"id":335,"label":336,"slug":337,"rank":90,"group":338},96,"Billing Settings","billing-settings",{"id":293,"label":294,"slug":295},{"id":306,"label":307,"slug":308,"rank":92,"group":340},{"id":100,"label":101,"slug":102},{"id":342,"label":343,"slug":344,"rank":141,"group":345},93,"Usage Limit","usage-limit",{"id":100,"label":101,"slug":102},[347,348],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"slug":36,"title":35,"logo":38,"categories":350},[],{"family":352,"examples":353},"pages",[],[355,357,359,362,365,368,371,374,376,380,384,388],{"label":356,"to":29},"Format product screens",{"label":358,"to":32},"Format marketing pages",{"label":360,"to":361},"Format user flows","\u002Fexamples\u002Fapps\u002Fformat\u002Fflows",{"label":363,"to":364},"Format UI components","\u002Fexamples\u002Fapps\u002Fformat\u002Fcomponents",{"label":366,"to":367},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":369,"to":370},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":372,"to":373},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":375,"to":18},"All SaaS app examples",{"label":377,"to":378,"description":379},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":381,"to":382,"description":383},"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":385,"to":386,"description":387},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":389,"to":390,"description":391},"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":393,"updated_at":394},"2016-06-27T08:00:00.000Z","2026-09-13T13:02:39.000Z"]