[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcustomerio\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":226,"links":227,"dates":272},"\u002Fexamples\u002Fapps\u002Fcustomerio\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Customer.io product screens examples - Nicelydone","Browse Customer.io screen design examples. Preview the interface screenshots and explore related UI patterns. Platform: automation, data, content creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e2c928e-8eea-4d54-ad61-f8688c076886.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},"Customer.io design examples","\u002Fexamples\u002Fapps\u002Fcustomerio",{"label":23,"to":4},"Customer.io 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},"Customer.io","customerio","Platform: automation, data, content creation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcustomerio-7ec7fd7c.png","https:\u002F\u002Fcustomer.io",[35,39,43],{"id":36,"title":37,"slug":38},25,"Marketing","marketing",{"id":40,"title":41,"slug":42},27,"Email Newsletters","email-newsletters",{"id":44,"title":45,"slug":46},68,"SMS","sms",[48,76,88,103,115,130,146,160,178,190,202,214],{"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":74},"5e2c928e-8eea-4d54-ad61-f8688c076886","Sign-in screen where the user authenticates with an email address or Google, featuring a prompt to start a free trial for new users.",3024,1662,"Customer.io from Customer.io","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,70],{"id":67,"title":68,"slug":69},174,"Card","card",{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":29,"description":78,"canonical_path":4,"image":79,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":80,"component_categories":83,"app":86},"f67fc34c-1433-43cb-b580-ece4df28926a","Sign-in screen where the user authenticates with an email address or Google single sign-on.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff67fc34c-1433-43cb-b580-ece4df28926a.png",[81],{"id":57,"label":58,"slug":59,"rank":60,"group":82},{"id":62,"label":63,"slug":64},[84,85],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":29,"description":90,"canonical_path":4,"image":91,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":92,"component_categories":98,"app":101},"0cf9bc18-87bf-4788-9127-a2468e9faec1","Sign-in screen where a returning user enters their password to authenticate after their email has been recognized.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cf9bc18-87bf-4788-9127-a2468e9faec1.png",[93],{"id":94,"label":95,"slug":96,"rank":60,"group":97},2,"Forgot Password","forgot-password",{"id":62,"label":63,"slug":64},[99,100],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":29,"description":105,"canonical_path":4,"image":106,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":107,"component_categories":110,"app":113},"6ef85a2c-d0a6-4bdc-a1d2-29084642f930","Password recovery screen where the user enters their email address to receive reset instructions, with secondary links to log in or sign up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ef85a2c-d0a6-4bdc-a1d2-29084642f930.png",[108],{"id":94,"label":95,"slug":96,"rank":60,"group":109},{"id":62,"label":63,"slug":64},[111,112],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":29,"description":117,"canonical_path":4,"image":118,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":119,"component_categories":125,"app":128},"a6831076-a8b3-4bf2-9e81-7a2e07cc5e91","Signup page where the user enters their name and email as the first step to create a free account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa6831076-a8b3-4bf2-9e81-7a2e07cc5e91.png",[120],{"id":121,"label":122,"slug":123,"rank":60,"group":124},5,"Sign Up","sign-up",{"id":62,"label":63,"slug":64},[126,127],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":29,"description":132,"canonical_path":4,"image":133,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":134,"component_categories":141,"app":144},"f9a75f59-5017-48b9-901a-d673b063e32b","Signup page where the user enters their name and email address to start a free trial before proceeding to create a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9a75f59-5017-48b9-901a-d673b063e32b.png",[135,137],{"id":121,"label":122,"slug":123,"rank":60,"group":136},{"id":62,"label":63,"slug":64},{"id":62,"label":138,"slug":139,"rank":62,"group":140},"Account Setup","account-setup",{"id":62,"label":63,"slug":64},[142,143],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":29,"description":148,"canonical_path":4,"image":149,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":150,"component_categories":155,"app":158},"e02cdba6-eccb-49b2-a1a4-a581a0af1037","Signup step where the user creates a strong password before proceeding to set up their company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02cdba6-eccb-49b2-a1a4-a581a0af1037.png",[151,153],{"id":62,"label":138,"slug":139,"rank":60,"group":152},{"id":62,"label":63,"slug":64},{"id":121,"label":122,"slug":123,"rank":62,"group":154},{"id":62,"label":63,"slug":64},[156,157],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":29,"description":162,"canonical_path":4,"image":163,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":164,"component_categories":169,"app":176},"8ef33ec5-8d74-4471-aaa2-ea8a721aa784","Signup step where the user creates and confirms a strong password before proceeding to set up their company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ef33ec5-8d74-4471-aaa2-ea8a721aa784.png",[165,167],{"id":121,"label":122,"slug":123,"rank":60,"group":166},{"id":62,"label":63,"slug":64},{"id":62,"label":138,"slug":139,"rank":62,"group":168},{"id":62,"label":63,"slug":64},[170,174,175],{"id":171,"title":172,"slug":173},260,"Badge","badge",{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":29,"description":180,"canonical_path":4,"image":181,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":182,"component_categories":185,"app":188},"3875a5a4-3927-4554-b265-5c36b4a6551d","Onboarding step where the user provides their company name, employee count, and preferred data center location to configure their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3875a5a4-3927-4554-b265-5c36b4a6551d.png",[183],{"id":62,"label":138,"slug":139,"rank":60,"group":184},{"id":62,"label":63,"slug":64},[186,187],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":29,"description":192,"canonical_path":4,"image":193,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":194,"component_categories":197,"app":200},"8670cb2f-ad04-4664-b13f-1e26a34df332","Onboarding step where the user configures their company name, employee count, and preferred data center location.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8670cb2f-ad04-4664-b13f-1e26a34df332.png",[195],{"id":62,"label":138,"slug":139,"rank":60,"group":196},{"id":62,"label":63,"slug":64},[198,199],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":29,"description":204,"canonical_path":4,"image":205,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":206,"component_categories":209,"app":212},"89e55b16-ee0d-4b7d-baf1-38321119cf39","Signup step where the user provides their company name, employee count, and preferred data center location to configure their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89e55b16-ee0d-4b7d-baf1-38321119cf39.png",[207],{"id":62,"label":138,"slug":139,"rank":60,"group":208},{"id":62,"label":63,"slug":64},[210,211],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":29,"description":216,"canonical_path":4,"image":217,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":218,"component_categories":221,"app":224},"967c558e-5700-47ef-896a-14b187dabf3c","Onboarding step where the user provides their company name, employee count, and preferred data center location to provision their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F967c558e-5700-47ef-896a-14b187dabf3c.png",[219],{"id":62,"label":138,"slug":139,"rank":60,"group":220},{"id":62,"label":63,"slug":64},[222,223],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":225},[],[],[228,230,232,234,236,239,242,245,248,251,254,256,260,264,268],{"label":138,"to":229},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":122,"to":231},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":95,"to":233},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":58,"to":235},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":237,"to":238},"Customer.io marketing pages","\u002Fexamples\u002Fapps\u002Fcustomerio\u002Fmarketing",{"label":240,"to":241},"Customer.io user flows","\u002Fexamples\u002Fapps\u002Fcustomerio\u002Fflows",{"label":243,"to":244},"Customer.io UI components","\u002Fexamples\u002Fapps\u002Fcustomerio\u002Fcomponents",{"label":246,"to":247},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":249,"to":250},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":252,"to":253},"SMS app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsms",{"label":255,"to":18},"All SaaS app examples",{"label":257,"to":258,"description":259},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":261,"to":262,"description":263},"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":265,"to":266,"description":267},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":269,"to":270,"description":271},"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":273,"updated_at":274},"2024-06-21T10:03:38.000Z","2026-09-13T13:02:39.000Z"]