[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":345,"links":346,"dates":401},"\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Artboard Studio product screens examples - Nicelydone","Browse Artboard Studio screen design examples. Preview the interface screenshots and explore related UI patterns. Design and animate like never before","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89d125a5-ae96-4656-aa14-a878ba082803.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},"Artboard Studio design examples","\u002Fexamples\u002Fapps\u002Fartboard-studio",{"label":23,"to":4},"Artboard Studio 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":34,"categories":35},"Artboard Studio","artboard-studio","Design and animate like never before","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fartboard-studio-9eeq44og.png","https:\u002F\u002Fartboard.studio","artboard_studio",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,70,85,96,116,135,149,168,213,241,268,315],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":68},"89d125a5-ae96-4656-aa14-a878ba082803","Create mockups online | Artboard Studio","Sign-in screen where the user authenticates with Google, Facebook, or email, featuring a product UI preview on the right.",3024,1674,"Create mockups online | Artboard Studio from Artboard Studio","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60,64],{"id":61,"title":62,"slug":63},233,"Tabs","tabs",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":43,"description":72,"canonical_path":4,"image":73,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":74,"component_categories":80,"app":83},"1fcd18b6-bafa-4a2b-b379-dff9c1e0265d","Password recovery screen where the user enters their email address to receive a verification code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fcd18b6-bafa-4a2b-b379-dff9c1e0265d.png",[75],{"id":76,"label":77,"slug":78,"rank":54,"group":79},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[81,82],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":43,"description":72,"canonical_path":4,"image":87,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":88,"component_categories":91,"app":94},"5c65bada-4f8d-48dd-b813-2be84aff89c1","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c65bada-4f8d-48dd-b813-2be84aff89c1.png",[89],{"id":76,"label":77,"slug":78,"rank":54,"group":90},{"id":56,"label":57,"slug":58},[92,93],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":43,"description":98,"canonical_path":4,"image":99,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":100,"component_categories":111,"app":114},"9b496fc7-4f59-4d12-ac9b-1a43ad906a62","Password recovery screen where the user attempts to request a verification code but encounters an invalid email error, presented in a split-screen layout with a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b496fc7-4f59-4d12-ac9b-1a43ad906a62.png",[101,103],{"id":76,"label":77,"slug":78,"rank":54,"group":102},{"id":56,"label":57,"slug":58},{"id":104,"label":105,"slug":106,"rank":56,"group":107},116,"Error","error",{"id":108,"label":109,"slug":110},12,"States & Feedback","states-and-feedback",[112,113],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":43,"description":118,"canonical_path":4,"image":119,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":120,"component_categories":130,"app":133},"2f85ded8-584a-4261-ab9a-ecae21b93cd0","Signup page where the user can create an account using email, Google, or Facebook, featuring a product interface preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f85ded8-584a-4261-ab9a-ecae21b93cd0.png",[121,126],{"id":122,"label":123,"slug":124,"rank":54,"group":125},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},{"id":56,"label":127,"slug":128,"rank":56,"group":129},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},[131,132],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":43,"description":137,"canonical_path":4,"image":138,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":139,"component_categories":144,"app":147},"7e4ae4c8-d538-4e8e-be95-02162a3cb8e9","Sign-up page where the user creates an account using an email and password or social login, alongside a product interface preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e4ae4c8-d538-4e8e-be95-02162a3cb8e9.png",[140,142],{"id":122,"label":123,"slug":124,"rank":54,"group":141},{"id":56,"label":57,"slug":58},{"id":56,"label":127,"slug":128,"rank":56,"group":143},{"id":56,"label":57,"slug":58},[145,146],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":43,"description":151,"canonical_path":4,"image":152,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":153,"component_categories":163,"app":166},"e6110a46-c9ff-4e59-a444-feff13c46a85","Signup page where the user has successfully registered an account using an email address and password, alongside a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6110a46-c9ff-4e59-a444-feff13c46a85.png",[154,156,161],{"id":122,"label":123,"slug":124,"rank":54,"group":155},{"id":56,"label":57,"slug":58},{"id":157,"label":158,"slug":159,"rank":56,"group":160},122,"Success","success",{"id":108,"label":109,"slug":110},{"id":56,"label":127,"slug":128,"rank":76,"group":162},{"id":56,"label":57,"slug":58},[164,165],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":170,"description":171,"canonical_path":4,"image":172,"width":45,"height":46,"image_alt":173,"kind":48,"patterns":174,"component_categories":200,"app":211},"d01f3fb5-0167-4bc0-9897-5f7e1d1f1008","Projects | Artboard Studio","List view where the user can search, filter, and create new projects, currently showing an empty state for drafts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd01f3fb5-0167-4bc0-9897-5f7e1d1f1008.png","Projects | Artboard Studio from Artboard Studio",[175,182,187,194],{"id":176,"label":177,"slug":178,"rank":54,"group":179},80,"Files","files",{"id":37,"label":180,"slug":181},"Pages & Content","pages-and-content",{"id":183,"label":184,"slug":185,"rank":56,"group":186},115,"Empty State","empty-state",{"id":108,"label":109,"slug":110},{"id":188,"label":189,"slug":190,"rank":76,"group":191},22,"Search","search",{"id":76,"label":192,"slug":193},"Actions","actions",{"id":195,"label":196,"slug":197,"rank":198,"group":199},7,"Add & Create","add-and-create",3,{"id":76,"label":192,"slug":193},[201,205,209,210],{"id":202,"title":203,"slug":204},174,"Card","card",{"id":206,"title":207,"slug":208},240,"Horizontal navigation","horizontal-navigation",{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":170,"description":215,"canonical_path":4,"image":216,"width":45,"height":46,"image_alt":173,"kind":48,"patterns":217,"component_categories":235,"app":239},"37bea21a-2547-4186-bf20-b0e8f98c6b6f","List view where the user can create their first project, with the user profile dropdown captured open to reveal an upgrade prompt and usage limits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37bea21a-2547-4186-bf20-b0e8f98c6b6f.png",[218,220,222,230],{"id":183,"label":184,"slug":185,"rank":54,"group":219},{"id":108,"label":109,"slug":110},{"id":195,"label":196,"slug":197,"rank":56,"group":221},{"id":76,"label":192,"slug":193},{"id":223,"label":224,"slug":225,"rank":76,"group":226},92,"Upgrade Prompt","upgrade-prompt",{"id":227,"label":228,"slug":229},9,"Plans & Limits","plans-and-limits",{"id":231,"label":232,"slug":233,"rank":198,"group":234},93,"Usage Limit","usage-limit",{"id":227,"label":228,"slug":229},[236,237,238],{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":170,"description":243,"canonical_path":4,"image":244,"width":45,"height":46,"image_alt":173,"kind":48,"patterns":245,"component_categories":257,"app":266},"cb51c987-0baa-4d7a-a1bf-778f405448d6","Projects list view where the user can create a new project, currently showing an open user menu with a usage donut chart and an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb51c987-0baa-4d7a-a1bf-778f405448d6.png",[246,251,253,255],{"id":247,"label":248,"slug":249,"rank":54,"group":250},81,"Home","home",{"id":37,"label":180,"slug":181},{"id":195,"label":196,"slug":197,"rank":56,"group":252},{"id":76,"label":192,"slug":193},{"id":183,"label":184,"slug":185,"rank":76,"group":254},{"id":108,"label":109,"slug":110},{"id":223,"label":224,"slug":225,"rank":198,"group":256},{"id":227,"label":228,"slug":229},[258,262,263,264,265],{"id":259,"title":260,"slug":261},169,"Avatar","avatar",{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":170,"description":270,"canonical_path":4,"image":271,"width":45,"height":46,"image_alt":173,"kind":48,"patterns":272,"component_categories":302,"app":313},"7e3db24e-69c6-4d31-96f5-3211543d7ef4","Design editor interface featuring a blank canvas, a left-hand tool palette, a right-hand workspace inspector for background color, and a bottom timeline for animation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e3db24e-69c6-4d31-96f5-3211543d7ef4.png",[273,280,285,290,297],{"id":274,"label":275,"slug":276,"rank":54,"group":277},55,"Design Editor","design-editor",{"id":122,"label":278,"slug":279},"Media & Tools","media-and-tools",{"id":281,"label":282,"slug":283,"rank":56,"group":284},58,"Media Editor","media-editor",{"id":122,"label":278,"slug":279},{"id":286,"label":287,"slug":288,"rank":76,"group":289},11,"Edit","edit",{"id":76,"label":192,"slug":193},{"id":291,"label":292,"slug":293,"rank":198,"group":294},48,"Timeline","timeline",{"id":51,"label":295,"slug":296},"Data & Analysis","data-and-analysis",{"id":298,"label":299,"slug":300,"rank":51,"group":301},24,"Share","share",{"id":76,"label":192,"slug":193},[303,307,311,312],{"id":304,"title":305,"slug":306},177,"Breadcrumb","breadcrumb",{"id":308,"title":309,"slug":310},257,"Input number","input-number",{"id":206,"title":207,"slug":208},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":170,"description":317,"canonical_path":4,"image":318,"width":45,"height":46,"image_alt":173,"kind":48,"patterns":319,"component_categories":326,"app":343},"b4decab8-a4f5-4fa1-a1d6-27ebb21cc4b3","Design editor canvas where the user is selecting a background color using a floating color picker popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4decab8-a4f5-4fa1-a1d6-27ebb21cc4b3.png",[320,322,324],{"id":274,"label":275,"slug":276,"rank":54,"group":321},{"id":122,"label":278,"slug":279},{"id":281,"label":282,"slug":283,"rank":56,"group":323},{"id":122,"label":278,"slug":279},{"id":286,"label":287,"slug":288,"rank":76,"group":325},{"id":76,"label":192,"slug":193},[327,331,335,339,340,341,342],{"id":328,"title":329,"slug":330},214,"Popover","popover",{"id":332,"title":333,"slug":334},183,"Color picker","color-picker",{"id":336,"title":337,"slug":338},277,"Button group","button-group",{"id":304,"title":305,"slug":306},{"id":308,"title":309,"slug":310},{"id":206,"title":207,"slug":208},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":344},[],[],[347,349,351,353,355,357,359,361,363,365,367,369,371,374,377,380,383,385,389,393,397],{"label":127,"to":348},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":196,"to":350},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":184,"to":352},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":77,"to":354},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":123,"to":356},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":275,"to":358},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":287,"to":360},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":282,"to":362},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":224,"to":364},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":105,"to":366},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":177,"to":368},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":248,"to":370},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":372,"to":373},"Artboard Studio marketing pages","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fmarketing",{"label":375,"to":376},"Artboard Studio user flows","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fflows",{"label":378,"to":379},"Artboard Studio UI components","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fcomponents",{"label":381,"to":382},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":384,"to":18},"All SaaS app examples",{"label":386,"to":387,"description":388},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":390,"to":391,"description":392},"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":394,"to":395,"description":396},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":398,"to":399,"description":400},"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":402,"updated_at":403},"2022-08-19T09:20:34.000Z","2026-09-13T13:02:39.000Z"]