[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Farticulate\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":343,"links":344,"dates":402},"\u002Fexamples\u002Fapps\u002Farticulate\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Articulate product screens examples - Nicelydone","Browse Articulate screen design examples. Preview the interface screenshots and explore related UI patterns. E-learning software and authoring tools","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_sign-in_9f197add_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Articulate design examples","\u002Fexamples\u002Fapps\u002Farticulate",{"label":23,"to":4},"Articulate 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,"categories":34},"Articulate","articulate","E-learning software and authoring tools","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farticulate-a446812d.png","https:\u002F\u002Farticulate.com",[35,39],{"id":36,"title":37,"slug":38},32,"Education","education",{"id":40,"title":41,"slug":42},33,"E-Learning","e-learning",[44,77,92,125,141,163,192,207,227,251,277,302],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":75},"abe1a739-3e54-46f0-b94d-43526723e1f3","Sign in","Sign-in modal where the user enters their email and password to access their Articulate ID, with options to reset their password or start a free trial.",2880,1520,"Sign in from Articulate","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67,71],{"id":64,"title":65,"slug":66},284,"Modal","modal",{"id":68,"title":69,"slug":70},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":48,"height":82,"image_alt":83,"kind":51,"patterns":84,"component_categories":87,"app":90},"4d8848b3-a944-45d8-b5e2-bb40445db1cc","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_password-reset_0f2e94a4_nicelydone.jpg",2590,"Password reset from Articulate",[85],{"id":54,"label":55,"slug":56,"rank":57,"group":86},{"id":59,"label":60,"slug":61},[88,89],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":48,"height":97,"image_alt":98,"kind":51,"patterns":99,"component_categories":113,"app":123},"a626680a-5f96-41d4-bb23-41cd7ee42ea4","Sign up","Signup screen where the user enters their email to start a free trial, accompanied by trial expectations and a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_sign-up_a70b5e4a_nicelydone.jpg",1526,"Sign up from Articulate",[100,105],{"id":101,"label":102,"slug":103,"rank":57,"group":104},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":106,"label":107,"slug":108,"rank":59,"group":109},91,"Trial","trial",{"id":110,"label":111,"slug":112},9,"Plans & Limits","plans-and-limits",[114,118,122],{"id":115,"title":116,"slug":117},232,"Testimonial","testimonial",{"id":119,"title":120,"slug":121},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":94,"description":127,"canonical_path":4,"image":128,"width":48,"height":129,"image_alt":98,"kind":51,"patterns":130,"component_categories":135,"app":139},"df4f906f-4e4b-4097-9e24-a2d69893df44","Signup page where the user creates an Articulate ID to start a 30-day free trial, featuring a list of expectations and a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_sign-up-2_e3dd33ee_nicelydone.jpg",2202,[131,133],{"id":101,"label":102,"slug":103,"rank":57,"group":132},{"id":59,"label":60,"slug":61},{"id":106,"label":107,"slug":108,"rank":59,"group":134},{"id":110,"label":111,"slug":112},[136,137,138],{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":94,"description":143,"canonical_path":4,"image":144,"width":48,"height":97,"image_alt":98,"kind":51,"patterns":145,"component_categories":159,"app":161},"d46f3f19-5cbb-4e17-9019-3459204c14d6","Verification screen confirming successful signup and prompting the user to check their email to start a free 30-day trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_sign-up-3_44305af3_nicelydone.jpg",[146,154],{"id":147,"label":148,"slug":149,"rank":57,"group":150},122,"Success","success",{"id":151,"label":152,"slug":153},12,"States & Feedback","states-and-feedback",{"id":155,"label":156,"slug":157,"rank":59,"group":158},6,"Verification","verification",{"id":59,"label":60,"slug":61},[160],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":48,"height":97,"image_alt":168,"kind":51,"patterns":169,"component_categories":182,"app":190},"7c6f64af-77cd-472f-a427-6d3209a53eda","Home","Home screen where the user selects between different applications in the Articulate 360 suite like Rise, Review, Content Library, and Live.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_home_b63f25bc_nicelydone.jpg","Home from Articulate",[170,177],{"id":171,"label":165,"slug":172,"rank":57,"group":173},81,"home",{"id":174,"label":175,"slug":176},8,"Pages & Content","pages-and-content",{"id":178,"label":179,"slug":180,"rank":59,"group":181},79,"Browse","browse",{"id":174,"label":175,"slug":176},[183,187,188,189],{"id":184,"title":185,"slug":186},174,"Card","card",{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":48,"height":97,"image_alt":197,"kind":51,"patterns":198,"component_categories":201,"app":205},"755253e7-c141-4d00-8429-9fafc41b678a","List","List view where the user manages their courses, switches between grid and list layouts, and creates a new course.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_list_57dd3805_nicelydone.jpg","List from Articulate",[199],{"id":178,"label":179,"slug":180,"rank":57,"group":200},{"id":174,"label":175,"slug":176},[202,203,204],{"id":184,"title":185,"slug":186},{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":4,"image":211,"width":48,"height":97,"image_alt":212,"kind":51,"patterns":213,"component_categories":221,"app":225},"b4a865e0-cc87-40b7-b0f2-6b67072ca32d","Create","Content editor where the user starts outlining a new course by adding a title, description, and the first lesson.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_create_2055d7cb_nicelydone.jpg","Create from Articulate",[214],{"id":215,"label":216,"slug":217,"rank":57,"group":218},58,"Media Editor","media-editor",{"id":101,"label":219,"slug":220},"Media & Tools","media-and-tools",[222,223,224],{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":229,"description":230,"canonical_path":4,"image":231,"width":48,"height":97,"image_alt":232,"kind":51,"patterns":233,"component_categories":243,"app":249},"b6fc61d5-8e56-4d41-a33e-159efbc0912f","Overlay content","Course editor where the user selects a pre-built lesson type like video, quiz, or timeline from a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_overlay-content_446f963e_nicelydone.jpg","Overlay content from Articulate",[234,236],{"id":215,"label":216,"slug":217,"rank":57,"group":235},{"id":101,"label":219,"slug":220},{"id":237,"label":238,"slug":239,"rank":59,"group":240},11,"Edit","edit",{"id":54,"label":241,"slug":242},"Actions","actions",[244,245,246,247,248],{"id":64,"title":65,"slug":66},{"id":184,"title":185,"slug":186},{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":194,"description":253,"canonical_path":4,"image":254,"width":48,"height":97,"image_alt":197,"kind":51,"patterns":255,"component_categories":270,"app":275},"7f632114-c202-4021-995b-29e0f369b9f0","List view where the user can browse their existing training courses, toggle between grid and list layouts, sort by recency, or create a new course.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_list-2_9bdb2d2b_nicelydone.jpg",[256,258,265],{"id":178,"label":179,"slug":180,"rank":57,"group":257},{"id":174,"label":175,"slug":176},{"id":259,"label":260,"slug":261,"rank":59,"group":262},70,"View Switcher","view-switcher",{"id":155,"label":263,"slug":264},"Navigation & Commands","navigation-and-commands",{"id":266,"label":267,"slug":268,"rank":54,"group":269},13,"Filter & Sort","filter-and-sort",{"id":54,"label":241,"slug":242},[271,272,273,274],{"id":184,"title":185,"slug":186},{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":276},[],{"uuid":278,"title":279,"description":280,"canonical_path":4,"image":281,"width":48,"height":97,"image_alt":282,"kind":51,"patterns":283,"component_categories":297,"app":300},"a8b465d7-8ce7-43b7-a39f-fc98a09ace1b","Empty state","Home screen for a review application displaying a welcome message and a placeholder graphic, prompting the user to publish items or upload a video to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_empty-state_994e1fc6_nicelydone.jpg","Empty state from Articulate",[284,289],{"id":285,"label":286,"slug":287,"rank":57,"group":288},115,"Empty State","empty-state",{"id":151,"label":152,"slug":153},{"id":290,"label":291,"slug":292,"rank":59,"group":293},77,"Welcome","welcome",{"id":294,"label":295,"slug":296},7,"Onboarding & Education","onboarding-and-education",[298,299],{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":301},[],{"uuid":303,"title":304,"description":305,"canonical_path":4,"image":306,"width":48,"height":97,"image_alt":307,"kind":51,"patterns":308,"component_categories":332,"app":341},"63fb347e-a3a7-48a5-a299-2c017bf69890","Single","Detail page where a user reviews a video asset, featuring a right sidebar for timestamped comments and an open modal to browse and save related clips to a board.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_single_06922cf0_nicelydone.jpg","Single from Articulate",[309,314,321,323,326],{"id":310,"label":311,"slug":312,"rank":57,"group":313},82,"Media Detail","media-detail",{"id":174,"label":175,"slug":176},{"id":315,"label":316,"slug":317,"rank":59,"group":318},106,"Comments","comments",{"id":237,"label":319,"slug":320},"Social & Collaboration","social-and-collaboration",{"id":237,"label":238,"slug":239,"rank":54,"group":322},{"id":54,"label":241,"slug":242},{"id":178,"label":179,"slug":180,"rank":324,"group":325},3,{"id":174,"label":175,"slug":176},{"id":327,"label":328,"slug":329,"rank":330,"group":331},20,"Save","save",4,{"id":54,"label":241,"slug":242},[333,337,338,339,340],{"id":334,"title":335,"slug":336},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":119,"title":120,"slug":121},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":342},[],[],[345,347,349,351,353,355,357,359,361,363,365,367,369,372,375,378,381,384,386,390,394,398],{"label":179,"to":346},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":238,"to":348},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":55,"to":350},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":216,"to":352},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":102,"to":354},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":107,"to":356},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":316,"to":358},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":286,"to":360},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":267,"to":362},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":165,"to":364},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":311,"to":366},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":328,"to":368},"\u002Fexamples\u002Fscreens\u002Fsave",{"label":370,"to":371},"Articulate marketing pages","\u002Fexamples\u002Fapps\u002Farticulate\u002Fmarketing",{"label":373,"to":374},"Articulate user flows","\u002Fexamples\u002Fapps\u002Farticulate\u002Fflows",{"label":376,"to":377},"Articulate UI components","\u002Fexamples\u002Fapps\u002Farticulate\u002Fcomponents",{"label":379,"to":380},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":382,"to":383},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"label":385,"to":18},"All SaaS app examples",{"label":387,"to":388,"description":389},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":391,"to":392,"description":393},"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":395,"to":396,"description":397},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":399,"to":400,"description":401},"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":403,"updated_at":404},"2016-11-16T08:00:00.000Z","2026-09-13T13:02:39.000Z"]