[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fklaviyo":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":68,"showcases":69,"links":305,"dates":324},"\u002Fexamples\u002Fapps\u002Fklaviyo","detail","apps",true,{"title":9,"description":10,"og_image":11},"Klaviyo design examples - Nicelydone","Explore Klaviyo UI design examples. Marketing Automation Platform for Email & SMS with CDP","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9080f8b3-2b6e-41a9-845a-73758dc111c6.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Klaviyo design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Klaviyo",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":39,"categories":43},"Klaviyo","klaviyo","Marketing Automation Platform for Email & SMS with CDP","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fklaviyo-rf0axnc0.png","https:\u002F\u002Fwww.klaviyo.com",[44,48,52,56,60,64],{"id":45,"title":46,"slug":47},46,"Analytics","analytics",{"id":49,"title":50,"slug":51},25,"Marketing","marketing",{"id":53,"title":54,"slug":55},27,"Email Newsletters","email-newsletters",{"id":57,"title":58,"slug":59},68,"SMS","sms",{"id":61,"title":62,"slug":63},53,"CRM","crm",{"id":65,"title":66,"slug":67},57,"Big data","big-data",[],[70,299,302],{"family":71,"examples":72},"screens",[73,97,116,138,157,168,181,196,213,235,263,284],{"uuid":74,"title":38,"description":75,"canonical_path":29,"image":11,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":80,"component_categories":90,"app":95},"9080f8b3-2b6e-41a9-845a-73758dc111c6","Sign-in screen where the user authenticates with email and password or via SSO, protected by a reCAPTCHA challenge.",3024,1738,"Klaviyo from Klaviyo","screen",[81],{"id":82,"label":83,"slug":84,"rank":85,"group":86},2,"Forgot Password","forgot-password",0,{"id":87,"label":88,"slug":89},1,"Access & Account","access-and-account",[91],{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":96},[],{"uuid":98,"title":38,"description":99,"canonical_path":29,"image":100,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":101,"component_categories":112,"app":114},"8a935535-fe93-426c-a87b-dba557535665","Sign-in screen where the user is prompted to enter their email and password, currently showing validation errors for missing required fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a935535-fe93-426c-a87b-dba557535665.png",[102,110],{"id":103,"label":104,"slug":105,"rank":85,"group":106},116,"Error","error",{"id":107,"label":108,"slug":109},12,"States & Feedback","states-and-feedback",{"id":82,"label":83,"slug":84,"rank":87,"group":111},{"id":87,"label":88,"slug":89},[113],{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":115},[],{"uuid":117,"title":38,"description":118,"canonical_path":29,"image":119,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":120,"component_categories":134,"app":136},"b33e40ae-e102-472b-9bf1-8495d28b516c","Sign-in screen where the user authenticates via SSO by entering their workplace ID.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb33e40ae-e102-472b-9bf1-8495d28b516c.png",[121,126],{"id":122,"label":123,"slug":124,"rank":85,"group":125},4,"Sign In","sign-in",{"id":87,"label":88,"slug":89},{"id":127,"label":128,"slug":129,"rank":87,"group":130},103,"SSO","sso",{"id":131,"label":132,"slug":133},10,"Settings & Admin","settings-and-admin",[135],{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":137},[],{"uuid":139,"title":38,"description":140,"canonical_path":29,"image":141,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":142,"component_categories":149,"app":155},"f5cdb406-0188-487c-84bb-66eed532de2b","Sign-in screen where the user attempts to authenticate via SSO but encounters a missing workplace ID error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5cdb406-0188-487c-84bb-66eed532de2b.png",[143,145,147],{"id":103,"label":104,"slug":105,"rank":85,"group":144},{"id":107,"label":108,"slug":109},{"id":122,"label":123,"slug":124,"rank":87,"group":146},{"id":87,"label":88,"slug":89},{"id":127,"label":128,"slug":129,"rank":82,"group":148},{"id":131,"label":132,"slug":133},[150,154],{"id":151,"title":152,"slug":153},167,"Alert","alert",{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":156},[],{"uuid":158,"title":38,"description":159,"canonical_path":29,"image":160,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":161,"component_categories":164,"app":166},"8a0066c7-0d4a-4aef-a445-fb0a13f3fab5","Password recovery screen where the user requests a reset link by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a0066c7-0d4a-4aef-a445-fb0a13f3fab5.png",[162],{"id":82,"label":83,"slug":84,"rank":85,"group":163},{"id":87,"label":88,"slug":89},[165],{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":167},[],{"uuid":169,"title":38,"description":170,"canonical_path":29,"image":171,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":172,"component_categories":177,"app":179},"510b9b3a-a635-44b9-a911-8bd63531a5c7","Password recovery screen where the user enters their email address to receive a reset link, currently showing a validation error for an empty field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F510b9b3a-a635-44b9-a911-8bd63531a5c7.png",[173,175],{"id":82,"label":83,"slug":84,"rank":85,"group":174},{"id":87,"label":88,"slug":89},{"id":103,"label":104,"slug":105,"rank":87,"group":176},{"id":107,"label":108,"slug":109},[178],{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":180},[],{"uuid":182,"title":38,"description":183,"canonical_path":29,"image":184,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":185,"component_categories":193,"app":194},"534c2deb-e29b-4045-be28-f7c067f1351d","Password recovery confirmation screen informing the user that an email has been sent, with an inline link to try sending it again if not received.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F534c2deb-e29b-4045-be28-f7c067f1351d.png",[186,188],{"id":82,"label":83,"slug":84,"rank":85,"group":187},{"id":87,"label":88,"slug":89},{"id":189,"label":190,"slug":191,"rank":87,"group":192},122,"Success","success",{"id":107,"label":108,"slug":109},[],{"slug":39,"title":38,"logo":41,"categories":195},[],{"uuid":197,"title":38,"description":198,"canonical_path":29,"image":199,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":200,"component_categories":210,"app":211},"d6237ece-1041-4f8f-9b48-9b7780123ce9","Loading screen where the system provisions the user's new account after signup submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6237ece-1041-4f8f-9b48-9b7780123ce9.png",[201,205],{"id":87,"label":202,"slug":203,"rank":85,"group":204},"Account Setup","account-setup",{"id":87,"label":88,"slug":89},{"id":206,"label":207,"slug":208,"rank":87,"group":209},120,"Loading","loading",{"id":107,"label":108,"slug":109},[],{"slug":39,"title":38,"logo":41,"categories":212},[],{"uuid":214,"title":38,"description":215,"canonical_path":29,"image":216,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":217,"component_categories":227,"app":233},"35f31993-ccb4-4de6-9a56-42e37cf7dd4b","Onboarding step where the user connects their Shopify store by providing the store URL, currently displaying a required field validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35f31993-ccb4-4de6-9a56-42e37cf7dd4b.png",[218,220,222],{"id":87,"label":202,"slug":203,"rank":85,"group":219},{"id":87,"label":88,"slug":89},{"id":103,"label":104,"slug":105,"rank":87,"group":221},{"id":107,"label":108,"slug":109},{"id":223,"label":224,"slug":225,"rank":82,"group":226},97,"Integrations","integrations",{"id":131,"label":132,"slug":133},[228,232],{"id":229,"title":230,"slug":231},240,"Horizontal navigation","horizontal-navigation",{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":234},[],{"uuid":236,"title":38,"description":237,"canonical_path":29,"image":238,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":239,"component_categories":250,"app":261},"adb44553-feeb-4ef1-9a57-0435010cc80b","Onboarding step where the user selects their e-commerce platform from options like Shopify, WooCommerce, and Salesforce to connect their store.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadb44553-feeb-4ef1-9a57-0435010cc80b.png",[240,242],{"id":87,"label":202,"slug":203,"rank":85,"group":241},{"id":87,"label":88,"slug":89},{"id":243,"label":244,"slug":245,"rank":87,"group":246},75,"Setup Wizard","setup-wizard",{"id":247,"label":248,"slug":249},7,"Onboarding & Education","onboarding-and-education",[251,255,259,260],{"id":252,"title":253,"slug":254},174,"Card","card",{"id":256,"title":257,"slug":258},169,"Avatar","avatar",{"id":229,"title":230,"slug":231},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":262},[],{"uuid":264,"title":38,"description":265,"canonical_path":29,"image":266,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":267,"component_categories":277,"app":282},"7a7fb2b3-e6c0-4740-80c0-44c79bc9b7b8","Onboarding step where the user selects their primary e-commerce platform from a grid of integration options to connect data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a7fb2b3-e6c0-4740-80c0-44c79bc9b7b8.png",[268,270],{"id":87,"label":202,"slug":203,"rank":85,"group":269},{"id":87,"label":88,"slug":89},{"id":271,"label":272,"slug":273,"rank":87,"group":274},23,"Select","select",{"id":82,"label":275,"slug":276},"Actions","actions",[278,279,280,281],{"id":252,"title":253,"slug":254},{"id":256,"title":257,"slug":258},{"id":229,"title":230,"slug":231},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":283},[],{"uuid":285,"title":38,"description":286,"canonical_path":29,"image":287,"width":76,"height":77,"image_alt":78,"kind":79,"patterns":288,"component_categories":293,"app":297},"fd1b811a-812b-4915-b3ba-8135d82633b5","Onboarding step where the user selects their estimated contact list size to personalize their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd1b811a-812b-4915-b3ba-8135d82633b5.png",[289,291],{"id":87,"label":202,"slug":203,"rank":85,"group":290},{"id":87,"label":88,"slug":89},{"id":271,"label":272,"slug":273,"rank":87,"group":292},{"id":82,"label":275,"slug":276},[294,295,296],{"id":256,"title":257,"slug":258},{"id":229,"title":230,"slug":231},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":298},[],{"family":300,"examples":301},"components",[],{"family":303,"examples":304},"pages",[],[306,308,310,313,315,318,321],{"label":307,"to":29},"Klaviyo product screens",{"label":309,"to":35},"Klaviyo marketing pages",{"label":311,"to":312},"Klaviyo user flows","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fflows",{"label":314,"to":32},"Klaviyo UI components",{"label":316,"to":317},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":319,"to":320},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":322,"to":323},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"published_at":325,"updated_at":326},"2023-03-11T00:19:12.000Z","2026-09-13T13:02:39.000Z"]