[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":268,"links":269,"dates":324},"\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Creatopy product screens examples - Nicelydone","Browse Creatopy screen design examples. Preview the interface screenshots and explore related UI patterns. Ad Campaigns for the AI Age","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F96e72317-e8ae-4505-bf8e-341b852dca04.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},"Creatopy design examples","\u002Fexamples\u002Fapps\u002Fcreatopy",{"label":23,"to":4},"Creatopy 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},"Creatopy","creatopy","Ad Campaigns  for the AI Age","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F34489b36-b68e-428c-97e3-5f0960355f9f.png","https:\u002F\u002Fwww.creatopy.com",[35,39,43,47],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},25,"Marketing","marketing",{"id":48,"title":49,"slug":50},81,"Advertising","advertising",[52,77,87,129,140,151,166,189,202,223,238,255],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"96e72317-e8ae-4505-bf8e-341b852dca04","Sign in to your account - Creatopy","Sign-in screen where the user authenticates with Facebook, Google, SSO, or email and password.",3024,1778,"Sign in to your account - Creatopy from Creatopy","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},2,"Forgot Password","forgot-password",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":54,"description":55,"canonical_path":4,"image":79,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":80,"component_categories":83,"app":85},"7cd83d12-78fe-4739-8999-87dac231cb72","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cd83d12-78fe-4739-8999-87dac231cb72.png",[81],{"id":62,"label":63,"slug":64,"rank":65,"group":82},{"id":67,"label":68,"slug":69},[84],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":56,"height":57,"image_alt":92,"kind":59,"patterns":93,"component_categories":117,"app":127},"9dc3eb2b-16cd-455c-9520-af755e6a5825","Creative Automation Platform","List view where the user manages their design projects, brand kits, and templates within a team workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9dc3eb2b-16cd-455c-9520-af755e6a5825.png","Creative Automation Platform from Creatopy",[94,102,110],{"id":95,"label":96,"slug":97,"rank":65,"group":98},104,"Team Management","team-management",{"id":99,"label":100,"slug":101},10,"Settings & Admin","settings-and-admin",{"id":103,"label":104,"slug":105,"rank":67,"group":106},47,"Table","table",{"id":107,"label":108,"slug":109},4,"Data & Analysis","data-and-analysis",{"id":111,"label":112,"slug":113,"rank":62,"group":114},7,"Add & Create","add-and-create",{"id":62,"label":115,"slug":116},"Actions","actions",[118,122,126],{"id":119,"title":120,"slug":121},233,"Tabs","tabs",{"id":123,"title":124,"slug":125},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":54,"description":131,"canonical_path":4,"image":132,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":133,"component_categories":136,"app":138},"476ef1b4-cf5e-4da0-9584-7d9ee0d70014","Password recovery screen where the user enters their email address to receive reset instructions, alongside a marketing carousel promoting brand consistency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F476ef1b4-cf5e-4da0-9584-7d9ee0d70014.png",[134],{"id":62,"label":63,"slug":64,"rank":65,"group":135},{"id":67,"label":68,"slug":69},[137],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":54,"description":142,"canonical_path":4,"image":143,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":144,"component_categories":147,"app":149},"fe10e051-9324-4a78-8a60-0af03d98f654","Password recovery screen where the user enters their email address to receive reset instructions, featuring a promotional carousel on the right half of the page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe10e051-9324-4a78-8a60-0af03d98f654.png",[145],{"id":62,"label":63,"slug":64,"rank":65,"group":146},{"id":67,"label":68,"slug":69},[148],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":54,"description":153,"canonical_path":4,"image":154,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":155,"component_categories":158,"app":164},"1dee6db6-b8d7-4c84-bc95-05a715c1f01f","Sign-in screen where the user can authenticate with email, Google, or Facebook, featuring a confirmation banner that a password reset email was sent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1dee6db6-b8d7-4c84-bc95-05a715c1f01f.png",[156],{"id":62,"label":63,"slug":64,"rank":65,"group":157},{"id":67,"label":68,"slug":69},[159,163],{"id":160,"title":161,"slug":162},167,"Alert","alert",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":54,"description":168,"canonical_path":4,"image":169,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":170,"component_categories":181,"app":187},"cb5cc4b9-259e-4dbc-ac9d-de2092403a9a","Password recovery screen where the user enters and confirms a new password to update their account credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb5cc4b9-259e-4dbc-ac9d-de2092403a9a.png",[171,173],{"id":62,"label":63,"slug":64,"rank":65,"group":172},{"id":67,"label":68,"slug":69},{"id":174,"label":175,"slug":176,"rank":67,"group":177},116,"Error","error",{"id":178,"label":179,"slug":180},12,"States & Feedback","states-and-feedback",[182,186],{"id":183,"title":184,"slug":185},211,"Pagination","pagination",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":54,"description":191,"canonical_path":4,"image":192,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":193,"component_categories":198,"app":200},"6eeb8465-29b0-4960-8d4e-752149c30a4a","Authentication screen where the user must set a new password, currently displaying a validation error for not meeting character requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6eeb8465-29b0-4960-8d4e-752149c30a4a.png",[194,196],{"id":62,"label":63,"slug":64,"rank":65,"group":195},{"id":67,"label":68,"slug":69},{"id":174,"label":175,"slug":176,"rank":67,"group":197},{"id":178,"label":179,"slug":180},[199],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":4,"image":206,"width":56,"height":57,"image_alt":207,"kind":59,"patterns":208,"component_categories":218,"app":221},"5bd56eec-ee18-4d65-a1f3-7a20e0bda747","Create account - Creatopy","Signup screen where the user can create an account using Facebook, Google, or email, alongside a feature carousel highlighting brand maintenance.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5bd56eec-ee18-4d65-a1f3-7a20e0bda747.png","Create account - Creatopy from Creatopy",[209,214],{"id":210,"label":211,"slug":212,"rank":65,"group":213},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},{"id":67,"label":215,"slug":216,"rank":67,"group":217},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},[219,220],{"id":183,"title":184,"slug":185},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":204,"description":225,"canonical_path":4,"image":226,"width":56,"height":57,"image_alt":207,"kind":59,"patterns":227,"component_categories":230,"app":236},"1ed400e1-bb30-40c3-b1c6-763487769e2f","Signup step where the user enters their work email, name, and password to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ed400e1-bb30-40c3-b1c6-763487769e2f.png",[228],{"id":210,"label":211,"slug":212,"rank":65,"group":229},{"id":67,"label":68,"slug":69},[231,235],{"id":232,"title":233,"slug":234},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":204,"description":240,"canonical_path":4,"image":241,"width":56,"height":57,"image_alt":207,"kind":59,"patterns":242,"component_categories":250,"app":253},"55f17f15-90d6-45df-a2f7-8ce2d64dcaf8","Signup page where the user enters their email, name, and password to complete the first step of a two-part registration flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55f17f15-90d6-45df-a2f7-8ce2d64dcaf8.png",[243,245],{"id":210,"label":211,"slug":212,"rank":65,"group":244},{"id":67,"label":68,"slug":69},{"id":246,"label":247,"slug":248,"rank":67,"group":249},6,"Verification","verification",{"id":67,"label":68,"slug":69},[251,252],{"id":232,"title":233,"slug":234},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":89,"description":257,"canonical_path":4,"image":258,"width":56,"height":57,"image_alt":92,"kind":59,"patterns":259,"component_categories":265,"app":266},"9fee7b90-8d59-40c4-beac-d0a7204f799b","Full-screen loading state displaying a branded spinner while the application initializes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fee7b90-8d59-40c4-beac-d0a7204f799b.png",[260],{"id":261,"label":262,"slug":263,"rank":65,"group":264},120,"Loading","loading",{"id":178,"label":179,"slug":180},[],{"slug":30,"title":29,"logo":32,"categories":267},[],[],[270,272,274,276,278,280,282,284,286,288,291,294,297,300,303,306,308,312,316,320],{"label":63,"to":271},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":211,"to":273},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":175,"to":275},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":215,"to":277},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":112,"to":279},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":262,"to":281},"\u002Fexamples\u002Fscreens\u002Floading",{"label":104,"to":283},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":96,"to":285},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":247,"to":287},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":289,"to":290},"Creatopy marketing pages","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fmarketing",{"label":292,"to":293},"Creatopy user flows","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fflows",{"label":295,"to":296},"Creatopy UI components","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fcomponents",{"label":298,"to":299},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":301,"to":302},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":304,"to":305},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":307,"to":18},"All SaaS app examples",{"label":309,"to":310,"description":311},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":313,"to":314,"description":315},"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":317,"to":318,"description":319},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":321,"to":322,"description":323},"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":325,"updated_at":326},"2025-05-12T09:34:47.000Z","2026-09-13T13:02:39.000Z"]