[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsuper\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":278,"links":279,"dates":335},"\u002Fexamples\u002Fapps\u002Fsuper\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Super product screens examples - Nicelydone","Browse Super screen design examples. Preview the interface screenshots and explore related UI patterns. Create websites with Notion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8551050-a0aa-4207-a65a-81a00b56a733.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},"Super design examples","\u002Fexamples\u002Fapps\u002Fsuper",{"label":23,"to":4},"Super 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},"Super","super","Create websites with Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuper-3a684df5.png","https:\u002F\u002Fsuper.so\u002F","super_",[36,40],{"id":37,"title":38,"slug":39},96,"No code","no-code",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",[45,70,84,95,113,126,137,148,159,199,246,258],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"a8551050-a0aa-4207-a65a-81a00b56a733","Super App","Sign-in screen where the user authenticates with email and password, or via Google and Apple single sign-on.",3024,1802,"Super App from Super","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":47,"description":72,"canonical_path":4,"image":73,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":74,"component_categories":80,"app":82},"a8d2bf74-b6f8-4906-902b-b54d37ed85fd","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8d2bf74-b6f8-4906-902b-b54d37ed85fd.png",[75],{"id":76,"label":77,"slug":78,"rank":58,"group":79},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},[81],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":47,"description":86,"canonical_path":4,"image":87,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":88,"component_categories":91,"app":93},"dfa556c2-537f-43ce-b867-fe9feee23707","Verification screen where the user is prompted to check their email for a verification link, with options to open their email app, resend the link, or return to login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdfa556c2-537f-43ce-b867-fe9feee23707.png",[89],{"id":76,"label":77,"slug":78,"rank":58,"group":90},{"id":60,"label":61,"slug":62},[92],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":47,"description":97,"canonical_path":4,"image":98,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":99,"component_categories":109,"app":111},"e6f3cf6e-f398-4669-a0d2-a39febed621f","Signup screen where the user can create an account via Google, Apple, or email, alongside a list of product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6f3cf6e-f398-4669-a0d2-a39febed621f.png",[100,105],{"id":101,"label":102,"slug":103,"rank":58,"group":104},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},{"id":60,"label":106,"slug":107,"rank":60,"group":108},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[110],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":47,"description":115,"canonical_path":4,"image":116,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":117,"component_categories":122,"app":124},"c278e807-1a2a-4add-9100-7c4ba8b684b3","Signup screen where the user creates an account using Google, Apple, or email, alongside a feature list and social proof logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc278e807-1a2a-4add-9100-7c4ba8b684b3.png",[118,120],{"id":101,"label":102,"slug":103,"rank":58,"group":119},{"id":60,"label":61,"slug":62},{"id":60,"label":106,"slug":107,"rank":60,"group":121},{"id":60,"label":61,"slug":62},[123],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":47,"description":128,"canonical_path":4,"image":129,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":130,"component_categories":133,"app":135},"190f60df-ab4a-479e-9f18-c1e0b5bc3fda","Signup page where the user creates an account with email or OAuth, alongside a feature list and customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F190f60df-ab4a-479e-9f18-c1e0b5bc3fda.png",[131],{"id":101,"label":102,"slug":103,"rank":58,"group":132},{"id":60,"label":61,"slug":62},[134],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":47,"description":139,"canonical_path":4,"image":140,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":141,"component_categories":144,"app":146},"72572800-c6c8-43ae-b0bd-c93cc865e9c3","Signup screen where the user creates an account using email, Google, or Apple, accompanied by a feature list highlighting Notion auto-syncing and a logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72572800-c6c8-43ae-b0bd-c93cc865e9c3.png",[142],{"id":101,"label":102,"slug":103,"rank":58,"group":143},{"id":60,"label":61,"slug":62},[145],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":47,"description":150,"canonical_path":4,"image":151,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":152,"component_categories":155,"app":157},"21d88d75-0f2b-468b-b46d-2a0f7115645d","Signup screen where the user creates an account using email or OAuth, accompanied by a list of product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21d88d75-0f2b-468b-b46d-2a0f7115645d.png",[153],{"id":101,"label":102,"slug":103,"rank":58,"group":154},{"id":60,"label":61,"slug":62},[156],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":47,"description":161,"canonical_path":4,"image":162,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":163,"component_categories":191,"app":197},"3fee4218-0711-4f88-a365-2eab70dfdf99","Dashboard empty state where the user is prompted to create their first site, with options to search or toggle between grid and list views.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fee4218-0711-4f88-a365-2eab70dfdf99.png",[164,172,178,185],{"id":165,"label":166,"slug":167,"rank":58,"group":168},115,"Empty State","empty-state",{"id":169,"label":170,"slug":171},12,"States & Feedback","states-and-feedback",{"id":41,"label":173,"slug":174,"rank":60,"group":175},"Add & Create","add-and-create",{"id":76,"label":176,"slug":177},"Actions","actions",{"id":179,"label":180,"slug":181,"rank":76,"group":182},41,"Dashboard","dashboard",{"id":55,"label":183,"slug":184},"Data & Analysis","data-and-analysis",{"id":186,"label":187,"slug":188,"rank":189,"group":190},22,"Search","search",3,{"id":76,"label":176,"slug":177},[192,196],{"id":193,"title":194,"slug":195},174,"Card","card",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":49,"height":204,"image_alt":205,"kind":52,"patterns":206,"component_categories":234,"app":244},"c2476dde-5cd8-4ff1-a181-a44a6d5ae773","Creating a site","Help center article explaining how to create a site using a Notion public page, featuring a video tutorial and step-by-step instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2476dde-5cd8-4ff1-a181-a44a6d5ae773.png",5676,"Creating a site from Super",[207,215,222,227],{"id":208,"label":209,"slug":210,"rank":58,"group":211},78,"Article","article",{"id":212,"label":213,"slug":214},15,"Marketing Page Types","marketing-page-types",{"id":216,"label":217,"slug":218,"rank":60,"group":219},72,"Getting Started","getting-started",{"id":41,"label":220,"slug":221},"Onboarding & Education","onboarding-and-education",{"id":223,"label":224,"slug":225,"rank":76,"group":226},76,"Tutorial","tutorial",{"id":41,"label":220,"slug":221},{"id":228,"label":229,"slug":230,"rank":189,"group":231},61,"Video Player","video-player",{"id":101,"label":232,"slug":233},"Media & Tools","media-and-tools",[235,239,243],{"id":236,"title":237,"slug":238},240,"Horizontal navigation","horizontal-navigation",{"id":240,"title":241,"slug":242},211,"Pagination","pagination",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":47,"description":248,"canonical_path":4,"image":249,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":250,"component_categories":253,"app":256},"6775df53-99e3-4894-931c-526c8ad84f24","List view where the user is prompted to create their first site via a prominent empty state card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6775df53-99e3-4894-931c-526c8ad84f24.png",[251],{"id":165,"label":166,"slug":167,"rank":58,"group":252},{"id":169,"label":170,"slug":171},[254,255],{"id":193,"title":194,"slug":195},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":47,"description":260,"canonical_path":4,"image":261,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":262,"component_categories":265,"app":276},"28ed75f1-598d-4898-8636-a7e7f1c5f0cc","Modal where the user creates a new site by providing a name and a Notion share URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28ed75f1-598d-4898-8636-a7e7f1c5f0cc.png",[263],{"id":41,"label":173,"slug":174,"rank":58,"group":264},{"id":76,"label":176,"slug":177},[266,270,274,275],{"id":267,"title":268,"slug":269},284,"Modal","modal",{"id":271,"title":272,"slug":273},169,"Avatar","avatar",{"id":193,"title":194,"slug":195},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":277},[],[],[280,282,284,286,288,290,292,294,296,298,300,302,305,308,311,314,317,319,323,327,331],{"label":102,"to":281},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":106,"to":283},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":173,"to":285},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":166,"to":287},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":77,"to":289},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":180,"to":291},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":217,"to":293},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":187,"to":295},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":56,"to":297},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":224,"to":299},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":229,"to":301},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":303,"to":304},"Super marketing pages","\u002Fexamples\u002Fapps\u002Fsuper\u002Fmarketing",{"label":306,"to":307},"Super user flows","\u002Fexamples\u002Fapps\u002Fsuper\u002Fflows",{"label":309,"to":310},"Super UI components","\u002Fexamples\u002Fapps\u002Fsuper\u002Fcomponents",{"label":312,"to":313},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":315,"to":316},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":318,"to":18},"All SaaS app examples",{"label":320,"to":321,"description":322},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":324,"to":325,"description":326},"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":328,"to":329,"description":330},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":332,"to":333,"description":334},"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":336,"updated_at":337},"2023-05-22T18:50:03.000Z","2026-09-13T13:02:39.000Z"]