[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcolumn\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":221,"links":222,"dates":271},"\u002Fexamples\u002Fapps\u002Fcolumn\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Column product screens examples - Nicelydone","Browse Column screen design examples. Preview the interface screenshots and explore related UI patterns. The developer infrastructure bank","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d4fb057-e9d8-4e4a-9dd3-a19bf105848c.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},"Column design examples","\u002Fexamples\u002Fapps\u002Fcolumn",{"label":23,"to":4},"Column 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":30,"categories":34},"Column","column","The developer infrastructure bank","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcolumn-60eggyn0.png","https:\u002F\u002Fcolumn.com",[35,39,43],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},39,"Payments","payments",[48,72,91,102,113,127,137,148,168,182,193,204],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":70},"3d4fb057-e9d8-4e4a-9dd3-a19bf105848c","Sign-in screen where the user authenticates with their email address and password, with options to recover their password or create a new account.",3024,1738,"Column from Column","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},4,"Sign In","sign-in",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66],{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":29,"description":74,"canonical_path":4,"image":75,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":76,"component_categories":87,"app":89},"cb97bca3-f038-4da5-8598-12290c9d35c3","Sign-in screen where the user authenticates with their email address and password, showing an active error state on the email field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb97bca3-f038-4da5-8598-12290c9d35c3.png",[77,79],{"id":57,"label":58,"slug":59,"rank":60,"group":78},{"id":62,"label":63,"slug":64},{"id":80,"label":81,"slug":82,"rank":62,"group":83},116,"Error","error",{"id":84,"label":85,"slug":86},12,"States & Feedback","states-and-feedback",[88],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":29,"description":93,"canonical_path":4,"image":94,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":95,"component_categories":98,"app":100},"83ba00c1-009f-4417-8244-50cae120ddce","Sign-in screen where the user authenticates with their email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83ba00c1-009f-4417-8244-50cae120ddce.png",[96],{"id":57,"label":58,"slug":59,"rank":60,"group":97},{"id":62,"label":63,"slug":64},[99],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":29,"description":104,"canonical_path":4,"image":105,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":106,"component_categories":109,"app":111},"30f41450-0b8f-4ea5-b6d5-10b2d39f93bb","Sign-in screen where the user authenticates with their email and password to access their Column account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30f41450-0b8f-4ea5-b6d5-10b2d39f93bb.png",[107],{"id":57,"label":58,"slug":59,"rank":60,"group":108},{"id":62,"label":63,"slug":64},[110],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":29,"description":115,"canonical_path":4,"image":116,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":117,"component_categories":123,"app":125},"0b1595b7-e17b-479e-b1ac-f82ed9e70a39","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b1595b7-e17b-479e-b1ac-f82ed9e70a39.png",[118],{"id":119,"label":120,"slug":121,"rank":60,"group":122},2,"Forgot Password","forgot-password",{"id":62,"label":63,"slug":64},[124],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":29,"description":115,"canonical_path":4,"image":129,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":130,"component_categories":133,"app":135},"2c168bda-b246-4874-af67-968b7f87b312","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c168bda-b246-4874-af67-968b7f87b312.png",[131],{"id":119,"label":120,"slug":121,"rank":60,"group":132},{"id":62,"label":63,"slug":64},[134],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":29,"description":139,"canonical_path":4,"image":140,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":141,"component_categories":144,"app":146},"cea00c7e-6733-49fb-8517-a0f645434666","Password recovery screen where the user requests a reset link by submitting their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcea00c7e-6733-49fb-8517-a0f645434666.png",[142],{"id":119,"label":120,"slug":121,"rank":60,"group":143},{"id":62,"label":63,"slug":64},[145],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":29,"description":150,"canonical_path":4,"image":151,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":152,"component_categories":160,"app":166},"556a7ae5-5fd2-47c3-8f8b-1513099ff27a","Password recovery screen where the user is notified via a success alert that a reset link has been sent to their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F556a7ae5-5fd2-47c3-8f8b-1513099ff27a.png",[153,155],{"id":119,"label":120,"slug":121,"rank":60,"group":154},{"id":62,"label":63,"slug":64},{"id":156,"label":157,"slug":158,"rank":62,"group":159},122,"Success","success",{"id":84,"label":85,"slug":86},[161,165],{"id":162,"title":163,"slug":164},167,"Alert","alert",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":29,"description":170,"canonical_path":4,"image":171,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":172,"component_categories":178,"app":180},"c977140f-6331-424c-8d87-233cd57827af","Signup page where the user creates an account by providing their name, company, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc977140f-6331-424c-8d87-233cd57827af.png",[173],{"id":174,"label":175,"slug":176,"rank":60,"group":177},5,"Sign Up","sign-up",{"id":62,"label":63,"slug":64},[179],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":29,"description":184,"canonical_path":4,"image":185,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":186,"component_categories":189,"app":191},"cc89e27a-b02d-4a2f-8546-8e5b5454f195","Signup screen where the user creates an account by providing their name, optional company, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc89e27a-b02d-4a2f-8546-8e5b5454f195.png",[187],{"id":174,"label":175,"slug":176,"rank":60,"group":188},{"id":62,"label":63,"slug":64},[190],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":29,"description":195,"canonical_path":4,"image":196,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":197,"component_categories":200,"app":202},"fa3ead14-8eaf-4cd6-9d52-9ace0cc2905c","Signup page where the user creates a new account by providing their name, optional company, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa3ead14-8eaf-4cd6-9d52-9ace0cc2905c.png",[198],{"id":174,"label":175,"slug":176,"rank":60,"group":199},{"id":62,"label":63,"slug":64},[201],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":29,"description":206,"canonical_path":4,"image":207,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":208,"component_categories":213,"app":219},"6906aea0-b11c-47d7-b1a9-f0eb86da9b17","Signup page where the user enters their personal details and creates a password, featuring an active popover that evaluates password strength and lists specific character requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6906aea0-b11c-47d7-b1a9-f0eb86da9b17.png",[209],{"id":62,"label":210,"slug":211,"rank":60,"group":212},"Account Setup","account-setup",{"id":62,"label":63,"slug":64},[214,218],{"id":215,"title":216,"slug":217},214,"Popover","popover",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":220},[],[],[223,225,227,229,231,233,235,238,241,244,247,250,253,255,259,263,267],{"label":120,"to":224},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":58,"to":226},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":175,"to":228},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":210,"to":230},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":81,"to":232},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":157,"to":234},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":236,"to":237},"Column marketing pages","\u002Fexamples\u002Fapps\u002Fcolumn\u002Fmarketing",{"label":239,"to":240},"Column user flows","\u002Fexamples\u002Fapps\u002Fcolumn\u002Fflows",{"label":242,"to":243},"Column UI components","\u002Fexamples\u002Fapps\u002Fcolumn\u002Fcomponents",{"label":245,"to":246},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":248,"to":249},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":251,"to":252},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":254,"to":18},"All SaaS app examples",{"label":256,"to":257,"description":258},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":260,"to":261,"description":262},"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":264,"to":265,"description":266},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":268,"to":269,"description":270},"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":272,"updated_at":273},"2023-04-23T18:40:17.000Z","2026-09-13T13:02:39.000Z"]