[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsteep\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":321,"links":322,"dates":380},"\u002Fexamples\u002Fapps\u002Fsteep\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Steep product screens examples - Nicelydone","Browse Steep screen design examples. Preview the interface screenshots and explore related UI patterns. The new way to work with data together","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b5420cf-b9e3-4e4f-a65d-773ee9461b70.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},"Steep design examples","\u002Fexamples\u002Fapps\u002Fsteep",{"label":23,"to":4},"Steep 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},"Steep","steep","The new way to work with data together","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsteep-pou14al3.png","https:\u002F\u002Fsteep.app","steepapp",[36,40],{"id":37,"title":38,"slug":39},46,"Analytics","analytics",{"id":41,"title":42,"slug":43},57,"Big data","big-data",[45,73,85,114,163,177,189,211,224,242,262,289],{"uuid":46,"title":29,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"9b5420cf-b9e3-4e4f-a65d-773ee9461b70","Sign-in screen where the user authenticates with Google, Apple, Microsoft, or company SSO.",3024,1778,"Steep from Steep","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},277,"Button group","button-group",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":82,"app":83},"35ce692d-d8ae-41f4-bc91-288cd8651379","Sign in – Google accounts","Google account selection screen for authentication","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35ce692d-d8ae-41f4-bc91-288cd8651379.png","Sign in – Google accounts from Steep",[80],{"id":54,"label":55,"slug":56,"rank":57,"group":81},{"id":59,"label":60,"slug":61},[],{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":29,"description":87,"canonical_path":4,"image":88,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":89,"component_categories":102,"app":112},"ab3f19dc-3e5b-4c4f-ad31-228dce0db6d2","Interstitial screen where the user selects a workspace to enter or creates a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab3f19dc-3e5b-4c4f-ad31-228dce0db6d2.png",[90,98],{"id":91,"label":92,"slug":93,"rank":57,"group":94},71,"Workspace Switcher","workspace-switcher",{"id":95,"label":96,"slug":97},6,"Navigation & Commands","navigation-and-commands",{"id":59,"label":99,"slug":100,"rank":59,"group":101},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[103,107,111],{"id":104,"title":105,"slug":106},169,"Avatar","avatar",{"id":108,"title":109,"slug":110},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":48,"height":49,"image_alt":119,"kind":51,"patterns":120,"component_categories":153,"app":161},"ebf0e538-a765-4da5-9d04-12be7a24fc03","Home","Home page empty state prompting the user to connect a data source or try demo data, with a secondary card offering help and teammate invitations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Febf0e538-a765-4da5-9d04-12be7a24fc03.png","Home from Steep",[121,129,136,144],{"id":122,"label":123,"slug":124,"rank":57,"group":125},115,"Empty State","empty-state",{"id":126,"label":127,"slug":128},12,"States & Feedback","states-and-feedback",{"id":130,"label":116,"slug":131,"rank":59,"group":132},81,"home",{"id":133,"label":134,"slug":135},8,"Pages & Content","pages-and-content",{"id":137,"label":138,"slug":139,"rank":140,"group":141},133,"Invite Teammates","invite-teammates",2,{"id":140,"label":142,"slug":143},"Actions","actions",{"id":145,"label":146,"slug":147,"rank":148,"group":149},72,"Getting Started","getting-started",3,{"id":150,"label":151,"slug":152},7,"Onboarding & Education","onboarding-and-education",[154,155,159,160],{"id":64,"title":65,"slug":66},{"id":156,"title":157,"slug":158},260,"Badge","badge",{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":29,"description":165,"canonical_path":4,"image":166,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":167,"component_categories":173,"app":175},"82866405-68d9-4509-b6b6-e7ffd7ae6fa2","Sign-in and sign-up screen where the user authenticates with Google, Apple, Microsoft, or Company SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82866405-68d9-4509-b6b6-e7ffd7ae6fa2.png",[168],{"id":169,"label":170,"slug":171,"rank":57,"group":172},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[174],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":48,"height":49,"image_alt":182,"kind":51,"patterns":183,"component_categories":186,"app":187},"f952c244-0865-4f70-9c53-2c6683a33c88","Sign in - Google Accounts","Google sign-in page for Steep, showing email selection and continue or cancel options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff952c244-0865-4f70-9c53-2c6683a33c88.png","Sign in - Google Accounts from Steep",[184],{"id":54,"label":55,"slug":56,"rank":57,"group":185},{"id":59,"label":60,"slug":61},[],{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":29,"description":191,"canonical_path":4,"image":192,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":193,"component_categories":205,"app":209},"3f8b3091-032c-4887-822a-e4cd54aac674","Onboarding step where the user names their new workspace and optionally uploads an organization logo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f8b3091-032c-4887-822a-e4cd54aac674.png",[194,198],{"id":150,"label":195,"slug":196,"rank":57,"group":197},"Add & Create","add-and-create",{"id":140,"label":142,"slug":143},{"id":199,"label":200,"slug":201,"rank":59,"group":202},42,"Form","form",{"id":54,"label":203,"slug":204},"Data & Analysis","data-and-analysis",[206,207,208],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":29,"description":213,"canonical_path":4,"image":214,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":215,"component_categories":218,"app":222},"5654167c-d387-4f74-9f73-3d991ef692da","Onboarding step where the user names their new workspace and optionally uploads an organization logo before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5654167c-d387-4f74-9f73-3d991ef692da.png",[216],{"id":59,"label":99,"slug":100,"rank":57,"group":217},{"id":59,"label":60,"slug":61},[219,220,221],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":29,"description":226,"canonical_path":4,"image":227,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":228,"component_categories":236,"app":240},"98989551-5577-4799-9ef1-7a7ce918a5b5","Onboarding step where the user names their new workspace and uploads an organization logo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98989551-5577-4799-9ef1-7a7ce918a5b5.png",[229,231],{"id":59,"label":99,"slug":100,"rank":57,"group":230},{"id":59,"label":60,"slug":61},{"id":232,"label":233,"slug":234,"rank":59,"group":235},25,"Upload & Download","upload-and-download",{"id":140,"label":142,"slug":143},[237,238,239],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":116,"description":244,"canonical_path":4,"image":245,"width":48,"height":49,"image_alt":119,"kind":51,"patterns":246,"component_categories":256,"app":260},"11311173-7e1a-45f5-80bf-585e5e6306e8","Home screen in an empty state prompting the user to connect a data source or try demo data to begin using the analytics platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11311173-7e1a-45f5-80bf-585e5e6306e8.png",[247,249,251],{"id":145,"label":146,"slug":147,"rank":57,"group":248},{"id":150,"label":151,"slug":152},{"id":122,"label":123,"slug":124,"rank":59,"group":250},{"id":126,"label":127,"slug":128},{"id":252,"label":253,"slug":254,"rank":140,"group":255},74,"Onboarding Checklist","onboarding-checklist",{"id":150,"label":151,"slug":152},[257,258,259],{"id":156,"title":157,"slug":158},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":261},[],{"uuid":263,"title":116,"description":264,"canonical_path":4,"image":265,"width":48,"height":49,"image_alt":119,"kind":51,"patterns":266,"component_categories":283,"app":287},"3bb8c47b-8fca-426e-b162-2f4ae492a60a","Dashboard empty state where the user is prompted to connect a data source to unlock self-service analytics, with a secondary card offering help resources like inviting teammates or scheduling a demo.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3bb8c47b-8fca-426e-b162-2f4ae492a60a.png",[267,269,274,276,278],{"id":122,"label":123,"slug":124,"rank":57,"group":268},{"id":126,"label":127,"slug":128},{"id":270,"label":271,"slug":272,"rank":59,"group":273},41,"Dashboard","dashboard",{"id":54,"label":203,"slug":204},{"id":145,"label":146,"slug":147,"rank":140,"group":275},{"id":150,"label":151,"slug":152},{"id":137,"label":138,"slug":139,"rank":148,"group":277},{"id":140,"label":142,"slug":143},{"id":279,"label":280,"slug":281,"rank":54,"group":282},118,"Help","help",{"id":126,"label":127,"slug":128},[284,285,286],{"id":156,"title":157,"slug":158},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":288},[],{"uuid":290,"title":116,"description":291,"canonical_path":4,"image":292,"width":48,"height":293,"image_alt":119,"kind":51,"patterns":294,"component_categories":312,"app":319},"6a8e0b2d-75e3-454b-a8a5-a46480a5d794","Dashboard displaying key business metrics including order volume, registrations, NPS, and financial performance across different teams.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a8e0b2d-75e3-454b-a8a5-a46480a5d794.png",3704,[295,297,302,307],{"id":270,"label":271,"slug":272,"rank":57,"group":296},{"id":54,"label":203,"slug":204},{"id":298,"label":299,"slug":300,"rank":59,"group":301},40,"Charts","charts",{"id":54,"label":203,"slug":204},{"id":303,"label":304,"slug":305,"rank":140,"group":306},62,"Breadcrumbs","breadcrumbs",{"id":95,"label":96,"slug":97},{"id":308,"label":309,"slug":310,"rank":148,"group":311},114,"Confirmation","confirmation",{"id":126,"label":127,"slug":128},[313,317,318],{"id":314,"title":315,"slug":316},177,"Breadcrumb","breadcrumb",{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":320},[],[],[323,325,327,329,331,333,335,337,339,341,343,345,347,350,353,356,359,362,364,368,372,376],{"label":99,"to":324},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":123,"to":326},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":146,"to":328},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":55,"to":330},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":271,"to":332},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":138,"to":334},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":195,"to":336},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":304,"to":338},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":299,"to":340},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":309,"to":342},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":200,"to":344},"\u002Fexamples\u002Fscreens\u002Fform",{"label":280,"to":346},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":348,"to":349},"Steep marketing pages","\u002Fexamples\u002Fapps\u002Fsteep\u002Fmarketing",{"label":351,"to":352},"Steep user flows","\u002Fexamples\u002Fapps\u002Fsteep\u002Fflows",{"label":354,"to":355},"Steep UI components","\u002Fexamples\u002Fapps\u002Fsteep\u002Fcomponents",{"label":357,"to":358},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":360,"to":361},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":363,"to":18},"All SaaS app examples",{"label":365,"to":366,"description":367},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":369,"to":370,"description":371},"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":373,"to":374,"description":375},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":377,"to":378,"description":379},"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":381,"updated_at":382},"2023-11-13T11:22:16.000Z","2026-09-13T13:02:39.000Z"]