[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsana\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":309,"links":310,"dates":367},"\u002Fexamples\u002Fapps\u002Fsana\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Sana product screens examples - Nicelydone","Browse Sana screen design examples. Preview the interface screenshots and explore related UI patterns. Your AI assistant for work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d63da46-8a9c-402d-b477-4acfe676359b.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},"Sana design examples","\u002Fexamples\u002Fapps\u002Fsana",{"label":23,"to":4},"Sana 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},"Sana","sana","Your AI assistant for work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsana-f298da05.png","https:\u002F\u002Fsana.ai","sanalabs",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",[49,116,130,145,157,173,188,199,233,254,278,292],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":89,"app":114},"9d63da46-8a9c-402d-b477-4acfe676359b","Sana AI","Landing page where the user can sign up with Google or email, featuring an open FAQ modal detailing integrations and security.",3024,1658,"Sana AI from Sana","screen",[58,67,75,84],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",{"id":68,"label":69,"slug":70,"rank":64,"group":71},27,"AI Assistant","ai-assistant",{"id":72,"label":73,"slug":74},3,"AI","ai",{"id":76,"label":77,"slug":78,"rank":79,"group":80},114,"Confirmation","confirmation",2,{"id":81,"label":82,"slug":83},12,"States & Feedback","states-and-feedback",{"id":85,"label":86,"slug":87,"rank":72,"group":88},118,"Help","help",{"id":81,"label":82,"slug":83},[90,94,98,102,106,110],{"id":91,"title":92,"slug":93},258,"Header","header",{"id":95,"title":96,"slug":97},284,"Modal","modal",{"id":99,"title":100,"slug":101},189,"FAQ","faq",{"id":103,"title":104,"slug":105},168,"Accordion","accordion",{"id":107,"title":108,"slug":109},240,"Horizontal navigation","horizontal-navigation",{"id":111,"title":112,"slug":113},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":51,"description":118,"canonical_path":4,"image":119,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":120,"component_categories":125,"app":128},"0307cde5-1761-4858-9db9-ba93ebb6cf86","Signup page where the user can authenticate with Google or enter their email, featuring a prominent product preview mockup on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0307cde5-1761-4858-9db9-ba93ebb6cf86.png",[121,123],{"id":59,"label":60,"slug":61,"rank":62,"group":122},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":64,"group":124},{"id":72,"label":73,"slug":74},[126,127],{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":51,"description":132,"canonical_path":4,"image":133,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":134,"component_categories":140,"app":143},"9fe3de2a-afce-41a8-9898-48f008616760","Verification screen where the user enters a 6-digit code sent to their email to continue the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fe3de2a-afce-41a8-9898-48f008616760.png",[135],{"id":136,"label":137,"slug":138,"rank":62,"group":139},6,"Verification","verification",{"id":64,"label":65,"slug":66},[141,142],{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":51,"description":147,"canonical_path":4,"image":148,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":149,"component_categories":152,"app":155},"b308edbc-d555-48fe-b7f9-b477bec0a79c","Verification screen where the user enters a 6-digit code sent to their email to proceed with signup, alongside a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb308edbc-d555-48fe-b7f9-b477bec0a79c.png",[150],{"id":136,"label":137,"slug":138,"rank":62,"group":151},{"id":64,"label":65,"slug":66},[153,154],{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":51,"description":159,"canonical_path":4,"image":160,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":161,"component_categories":164,"app":171},"04fed253-abfb-4a0c-9c44-e6fd963cfb38","Verification screen where the user enters a 6-digit code sent to their email to continue the signup process, featuring a large product preview graphic on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04fed253-abfb-4a0c-9c44-e6fd963cfb38.png",[162],{"id":136,"label":137,"slug":138,"rank":62,"group":163},{"id":64,"label":65,"slug":66},[165,169,170],{"id":166,"title":167,"slug":168},277,"Button group","button-group",{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":53,"height":54,"image_alt":178,"kind":56,"patterns":179,"component_categories":185,"app":186},"61b79608-08eb-4d53-9069-62aaad77cc62","LUTZ8BU7Q6DMB","Error page displaying a plain text message indicating an invalid code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61b79608-08eb-4d53-9069-62aaad77cc62.png","LUTZ8BU7Q6DMB from Sana",[180],{"id":181,"label":182,"slug":183,"rank":62,"group":184},116,"Error","error",{"id":81,"label":82,"slug":83},[],{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":51,"description":132,"canonical_path":4,"image":190,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":191,"component_categories":194,"app":197},"54ee726e-8eb7-464c-887b-bd1ced7709e1","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54ee726e-8eb7-464c-887b-bd1ced7709e1.png",[192],{"id":136,"label":137,"slug":138,"rank":62,"group":193},{"id":64,"label":65,"slug":66},[195,196],{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":53,"height":54,"image_alt":204,"kind":56,"patterns":205,"component_categories":220,"app":231},"0ea17923-c667-45c7-b6ec-35dde5c54224","Nicelydone","Onboarding step where the user enters their name and role, and selects an appearance theme, alongside a preview of their future AI assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ea17923-c667-45c7-b6ec-35dde5c54224.png","Nicelydone from Sana",[206,210,218],{"id":64,"label":207,"slug":208,"rank":62,"group":209},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":211,"label":212,"slug":213,"rank":64,"group":214},75,"Setup Wizard","setup-wizard",{"id":215,"label":216,"slug":217},7,"Onboarding & Education","onboarding-and-education",{"id":68,"label":69,"slug":70,"rank":79,"group":219},{"id":72,"label":73,"slug":74},[221,225,226,230],{"id":222,"title":223,"slug":224},169,"Avatar","avatar",{"id":166,"title":167,"slug":168},{"id":227,"title":228,"slug":229},227,"Stepper","stepper",{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":201,"description":235,"canonical_path":4,"image":236,"width":53,"height":54,"image_alt":204,"kind":56,"patterns":237,"component_categories":249,"app":252},"5abc9867-c609-47f3-a732-2578c9706657","Onboarding step where the user configures their profile by providing their name, role, and preferred visual theme, while an AI assistant introduces its capabilities.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5abc9867-c609-47f3-a732-2578c9706657.png",[238,240,247],{"id":64,"label":207,"slug":208,"rank":62,"group":239},{"id":64,"label":65,"slug":66},{"id":72,"label":241,"slug":242,"rank":64,"group":243},"Profile","profile",{"id":244,"label":245,"slug":246},11,"Social & Collaboration","social-and-collaboration",{"id":68,"label":69,"slug":70,"rank":79,"group":248},{"id":72,"label":73,"slug":74},[250,251],{"id":227,"title":228,"slug":229},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":253},[],{"uuid":255,"title":201,"description":256,"canonical_path":4,"image":257,"width":53,"height":54,"image_alt":204,"kind":56,"patterns":258,"component_categories":268,"app":276},"9104b947-6b7f-4cc4-bfb3-5a3779da0d18","Onboarding step where the user enters their name and selects their role while a preview of their future AI assistant introduces itself.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9104b947-6b7f-4cc4-bfb3-5a3779da0d18.png",[259,261,266],{"id":64,"label":207,"slug":208,"rank":62,"group":260},{"id":64,"label":65,"slug":66},{"id":262,"label":263,"slug":264,"rank":64,"group":265},74,"Onboarding Checklist","onboarding-checklist",{"id":215,"label":216,"slug":217},{"id":68,"label":69,"slug":70,"rank":79,"group":267},{"id":72,"label":73,"slug":74},[269,270,274,275],{"id":222,"title":223,"slug":224},{"id":271,"title":272,"slug":273},174,"Card","card",{"id":166,"title":167,"slug":168},{"id":227,"title":228,"slug":229},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":201,"description":280,"canonical_path":4,"image":281,"width":53,"height":54,"image_alt":204,"kind":56,"patterns":282,"component_categories":287,"app":290},"2569e14e-e8e5-4b91-91a5-6abdf152a7ab","Onboarding step where the user provides their name, role, and appearance preferences while an AI assistant introduces itself in a preview panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2569e14e-e8e5-4b91-91a5-6abdf152a7ab.png",[283,285],{"id":64,"label":207,"slug":208,"rank":62,"group":284},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":64,"group":286},{"id":72,"label":73,"slug":74},[288,289],{"id":227,"title":228,"slug":229},{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":201,"description":294,"canonical_path":4,"image":295,"width":53,"height":54,"image_alt":204,"kind":56,"patterns":296,"component_categories":303,"app":307},"9ac85a75-cb29-4488-b04e-4caeef7120da","Onboarding step where the user sets their name, role, and theme preference alongside an interactive AI assistant preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ac85a75-cb29-4488-b04e-4caeef7120da.png",[297,299,301],{"id":64,"label":207,"slug":208,"rank":62,"group":298},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":64,"group":300},{"id":72,"label":73,"slug":74},{"id":211,"label":212,"slug":213,"rank":79,"group":302},{"id":215,"label":216,"slug":217},[304,305,306],{"id":271,"title":272,"slug":273},{"id":166,"title":167,"slug":168},{"id":227,"title":228,"slug":229},{"slug":30,"title":29,"logo":32,"categories":308},[],[],[311,313,315,317,319,321,323,325,327,329,331,334,337,340,343,346,349,351,355,359,363],{"label":69,"to":312},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":207,"to":314},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":137,"to":316},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":212,"to":318},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":60,"to":320},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":77,"to":322},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":182,"to":324},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":86,"to":326},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":263,"to":328},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":241,"to":330},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":332,"to":333},"Sana marketing pages","\u002Fexamples\u002Fapps\u002Fsana\u002Fmarketing",{"label":335,"to":336},"Sana user flows","\u002Fexamples\u002Fapps\u002Fsana\u002Fflows",{"label":338,"to":339},"Sana UI components","\u002Fexamples\u002Fapps\u002Fsana\u002Fcomponents",{"label":341,"to":342},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":344,"to":345},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":347,"to":348},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":350,"to":18},"All SaaS app examples",{"label":352,"to":353,"description":354},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":356,"to":357,"description":358},"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":360,"to":361,"description":362},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":364,"to":365,"description":366},"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":368,"updated_at":369},"2024-04-10T16:34:11.000Z","2026-09-13T13:02:39.000Z"]