[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":330,"links":331,"dates":392},"\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Superhuman product screens examples - Nicelydone","Browse Superhuman screen design examples. Preview the interface screenshots and explore related UI patterns. The fastest email experience ever made","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F630f65e0-6bce-4146-a3dd-a739eeb4ea7e.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},"Superhuman design examples","\u002Fexamples\u002Fapps\u002Fsuperhuman",{"label":23,"to":4},"Superhuman 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},"Superhuman","superhuman","The fastest email experience ever made","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperhuman-3d38669b.png","https:\u002F\u002Fsuperhuman.com",[35,39,43],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",{"id":40,"title":41,"slug":42},92,"Email","email",{"id":44,"title":45,"slug":46},101,"Calendar","calendar",[48,77,121,152,171,194,221,235,263,278,290,312],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"630f65e0-6bce-4146-a3dd-a739eeb4ea7e","Superhuman | Sign Up","Signup screen where the user creates an account using Google, Microsoft, or an email address.",3024,1738,"Superhuman | Sign Up from Superhuman","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"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":52,"height":82,"image_alt":83,"kind":55,"patterns":84,"component_categories":93,"app":119},"4467cc8a-4a61-4838-98e5-f0022f580727","Superhuman | Pricing","Pricing page where the user selects a subscription tier between Starter, Growth, and Enterprise, with a detailed feature comparison table and social proof sections below.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4467cc8a-4a61-4838-98e5-f0022f580727.png",14618,"Superhuman | Pricing from Superhuman",[85],{"id":86,"label":87,"slug":88,"rank":61,"group":89},89,"Pricing","pricing",{"id":90,"label":91,"slug":92},9,"Plans & Limits","plans-and-limits",[94,98,102,106,110,114,118],{"id":95,"title":96,"slug":97},233,"Tabs","tabs",{"id":99,"title":100,"slug":101},232,"Testimonial","testimonial",{"id":103,"title":104,"slug":105},189,"FAQ","faq",{"id":107,"title":108,"slug":109},202,"Footer","footer",{"id":111,"title":112,"slug":113},257,"Input number","input-number",{"id":115,"title":116,"slug":117},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":52,"height":126,"image_alt":127,"kind":55,"patterns":128,"component_categories":145,"app":150},"6d61602e-bb95-4201-8516-e30ae9a65a25","Superhuman | Checkout","Checkout page where the user enters their payment details, selects a billing period, and confirms their team size to purchase a subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d61602e-bb95-4201-8516-e30ae9a65a25.png",2014,"Superhuman | Checkout from Superhuman",[129,137,142],{"id":130,"label":131,"slug":132,"rank":61,"group":133},130,"Checkout","checkout",{"id":134,"label":135,"slug":136},14,"Payments & Checkout","payments-and-checkout",{"id":138,"label":139,"slug":140,"rank":63,"group":141},131,"Payment Form","payment-form",{"id":134,"label":135,"slug":136},{"id":86,"label":87,"slug":88,"rank":143,"group":144},2,{"id":90,"label":91,"slug":92},[146,147,148,149],{"id":115,"title":116,"slug":117},{"id":111,"title":112,"slug":113},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":123,"description":154,"canonical_path":4,"image":155,"width":52,"height":156,"image_alt":127,"kind":55,"patterns":157,"component_categories":164,"app":169},"2c2e5931-7acb-4492-b427-d285bcc8c41e","Checkout page where the user enters payment details and selects a billing period for a Starter plan subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c2e5931-7acb-4492-b427-d285bcc8c41e.png",2528,[158,160,162],{"id":130,"label":131,"slug":132,"rank":61,"group":159},{"id":134,"label":135,"slug":136},{"id":138,"label":139,"slug":140,"rank":63,"group":161},{"id":134,"label":135,"slug":136},{"id":86,"label":87,"slug":88,"rank":143,"group":163},{"id":90,"label":91,"slug":92},[165,166,167,168],{"id":115,"title":116,"slug":117},{"id":111,"title":112,"slug":113},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":123,"description":173,"canonical_path":4,"image":174,"width":52,"height":53,"image_alt":127,"kind":55,"patterns":175,"component_categories":188,"app":192},"dcf4ce55-33ac-4526-b940-fce832448935","Checkout page where the user selects a billing period, sets team size, and enters payment details while the order summary loads.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcf4ce55-33ac-4526-b940-fce832448935.png",[176,178,180],{"id":130,"label":131,"slug":132,"rank":61,"group":177},{"id":134,"label":135,"slug":136},{"id":138,"label":139,"slug":140,"rank":63,"group":179},{"id":134,"label":135,"slug":136},{"id":181,"label":182,"slug":183,"rank":143,"group":184},120,"Loading","loading",{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",[189,190,191],{"id":115,"title":116,"slug":117},{"id":111,"title":112,"slug":113},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":29,"description":196,"canonical_path":4,"image":197,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":199,"component_categories":212,"app":219},"5e341258-372f-454c-8cc5-c6d8ca1d8a08","Application download page where the user is prompted to install the Chrome extension or Mac app after activating their membership.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e341258-372f-454c-8cc5-c6d8ca1d8a08.png","Superhuman from Superhuman",[200,208],{"id":201,"label":202,"slug":203,"rank":61,"group":204},77,"Welcome","welcome",{"id":205,"label":206,"slug":207},7,"Onboarding & Education","onboarding-and-education",{"id":63,"label":209,"slug":210,"rank":63,"group":211},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[213,217,218],{"id":214,"title":215,"slug":216},277,"Button group","button-group",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":29,"description":223,"canonical_path":4,"image":224,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":225,"component_categories":230,"app":233},"bcc0588d-3732-4190-af91-b30b986d17c6","Landing page where the user is prompted to get started or download the macOS app against a scenic background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcc0588d-3732-4190-af91-b30b986d17c6.png",[226,228],{"id":58,"label":59,"slug":60,"rank":61,"group":227},{"id":63,"label":64,"slug":65},{"id":201,"label":202,"slug":203,"rank":63,"group":229},{"id":205,"label":206,"slug":207},[231,232],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":29,"description":237,"canonical_path":4,"image":238,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":239,"component_categories":258,"app":261},"a537bed8-002d-42c4-95a3-9b68a6000beb","Application download screen prompting the user to install a Chrome extension or native macOS app to access the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa537bed8-002d-42c4-95a3-9b68a6000beb.png",[240,248,253],{"id":241,"label":242,"slug":243,"rank":61,"group":244},123,"Approval Flow","approval-flow",{"id":245,"label":246,"slug":247},13,"Workflow & Automation","workflow-and-automation",{"id":249,"label":250,"slug":251,"rank":63,"group":252},88,"Feature Gate","feature-gate",{"id":90,"label":91,"slug":92},{"id":254,"label":255,"slug":256,"rank":143,"group":257},72,"Getting Started","getting-started",{"id":205,"label":206,"slug":207},[259,260],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":29,"description":265,"canonical_path":4,"image":266,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":267,"component_categories":273,"app":276},"c4337eab-209d-419e-87b9-dd815afca06f","Sign-in screen where the user authenticates with Google or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4337eab-209d-419e-87b9-dd815afca06f.png",[268],{"id":269,"label":270,"slug":271,"rank":61,"group":272},4,"Sign In","sign-in",{"id":63,"label":64,"slug":65},[274,275],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":29,"description":280,"canonical_path":4,"image":281,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":282,"component_categories":287,"app":288},"16f23383-d5fc-4a7d-8f4f-d8b1730079ec","Onboarding screen where a personalized welcome message is displayed while the application finishes loading.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16f23383-d5fc-4a7d-8f4f-d8b1730079ec.png",[283,285],{"id":181,"label":182,"slug":183,"rank":61,"group":284},{"id":185,"label":186,"slug":187},{"id":201,"label":202,"slug":203,"rank":63,"group":286},{"id":205,"label":206,"slug":207},[],{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":292,"description":293,"canonical_path":4,"image":294,"width":52,"height":53,"image_alt":295,"kind":55,"patterns":296,"component_categories":304,"app":310},"054fc88e-76d8-47f1-8f57-67709cdb3154","Inbox • demo@superhuman.com","Onboarding step where the user selects their role to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F054fc88e-76d8-47f1-8f57-67709cdb3154.png","Inbox • demo@superhuman.com from Superhuman",[297,302],{"id":298,"label":299,"slug":300,"rank":61,"group":301},75,"Setup Wizard","setup-wizard",{"id":205,"label":206,"slug":207},{"id":63,"label":209,"slug":210,"rank":63,"group":303},{"id":63,"label":64,"slug":65},[305,309],{"id":306,"title":307,"slug":308},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":311},[],{"uuid":313,"title":292,"description":314,"canonical_path":4,"image":315,"width":52,"height":53,"image_alt":295,"kind":55,"patterns":316,"component_categories":326,"app":328},"fa11c2b3-3262-4814-83c0-6678159f3e9f","Onboarding step where the user selects their professional role, such as Founder, Sales, or Design, to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa11c2b3-3262-4814-83c0-6678159f3e9f.png",[317,319],{"id":63,"label":209,"slug":210,"rank":61,"group":318},{"id":63,"label":64,"slug":65},{"id":320,"label":321,"slug":322,"rank":63,"group":323},23,"Select","select",{"id":143,"label":324,"slug":325},"Actions","actions",[327],{"id":306,"title":307,"slug":308},{"slug":30,"title":29,"logo":32,"categories":329},[],[],[332,334,336,338,340,342,344,346,348,350,352,354,356,359,362,365,368,371,374,376,380,384,388],{"label":209,"to":333},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":131,"to":335},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":139,"to":337},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":87,"to":339},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":202,"to":341},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":182,"to":343},"\u002Fexamples\u002Fscreens\u002Floading",{"label":59,"to":345},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":242,"to":347},"\u002Fexamples\u002Fscreens\u002Fapproval-flow",{"label":250,"to":349},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":255,"to":351},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":321,"to":353},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":299,"to":355},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":357,"to":358},"Superhuman marketing pages","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fmarketing",{"label":360,"to":361},"Superhuman user flows","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fflows",{"label":363,"to":364},"Superhuman UI components","\u002Fexamples\u002Fapps\u002Fsuperhuman\u002Fcomponents",{"label":366,"to":367},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":369,"to":370},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":372,"to":373},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":375,"to":18},"All SaaS app examples",{"label":377,"to":378,"description":379},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":381,"to":382,"description":383},"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":385,"to":386,"description":387},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":389,"to":390,"description":391},"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":393,"updated_at":394},"2023-12-11T14:31:40.000Z","2026-09-13T13:02:39.000Z"]