[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fluma\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":291,"links":292,"dates":346},"\u002Fexamples\u002Fapps\u002Fluma\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Luma product screens examples - Nicelydone","Browse Luma screen design examples. Preview the interface screenshots and explore related UI patterns. Delightful events start here.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ac00358-798e-434d-b689-6bfc5653780e.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},"Luma design examples","\u002Fexamples\u002Fapps\u002Fluma",{"label":23,"to":4},"Luma 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},"Luma","luma","Delightful events start here.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fluma-64c4b80f.png","https:\u002F\u002Flu.ma\u002F","https:\u002F\u002Ftwitter.com\u002FLumaHQ",[36,40],{"id":37,"title":38,"slug":39},26,"Events","events",{"id":41,"title":42,"slug":43},4,"Ticketing","ticketing",[45,73,85,96,120,142,169,183,206,230,248,269],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":62,"app":71},"1ac00358-798e-434d-b689-6bfc5653780e","Sign In · Luma","Sign-in screen where the user authenticates with an email address, phone number, or Google account.",3024,1718,"Sign In · Luma from Luma","screen",[54],{"id":41,"label":55,"slug":56,"rank":57,"group":58},"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},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":77,"component_categories":80,"app":83},"e55fb789-fe32-413c-a794-c6c772f86c3c","Sign-in screen where the user authenticates with a phone number or Google SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe55fb789-fe32-413c-a794-c6c772f86c3c.png",[78],{"id":41,"label":55,"slug":56,"rank":57,"group":79},{"id":59,"label":60,"slug":61},[81,82],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":47,"description":48,"canonical_path":4,"image":87,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":88,"component_categories":91,"app":94},"db794306-7fff-4b50-a7ff-6bd07b5b4836","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb794306-7fff-4b50-a7ff-6bd07b5b4836.png",[89],{"id":41,"label":55,"slug":56,"rank":57,"group":90},{"id":59,"label":60,"slug":61},[92,93],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":47,"description":98,"canonical_path":4,"image":99,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":100,"component_categories":107,"app":118},"3d5e06a8-8141-42f7-aa23-501cd89d8851","Onboarding step where the user is prompted to link their phone number to receive SMS reminders and find friends, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d5e06a8-8141-42f7-aa23-501cd89d8851.png",[101,103],{"id":41,"label":55,"slug":56,"rank":57,"group":102},{"id":59,"label":60,"slug":61},{"id":59,"label":104,"slug":105,"rank":59,"group":106},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[108,109,113,117],{"id":64,"title":65,"slug":66},{"id":110,"title":111,"slug":112},240,"Horizontal navigation","horizontal-navigation",{"id":114,"title":115,"slug":116},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":47,"description":122,"canonical_path":4,"image":123,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":124,"component_categories":135,"app":140},"9dd05684-8275-46c2-b037-49d5648841f8","Onboarding step where the user enters their name and uploads an avatar to complete their profile before accessing the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9dd05684-8275-46c2-b037-49d5648841f8.png",[125,127],{"id":59,"label":104,"slug":105,"rank":57,"group":126},{"id":59,"label":60,"slug":61},{"id":128,"label":129,"slug":130,"rank":59,"group":131},3,"Profile","profile",{"id":132,"label":133,"slug":134},11,"Social & Collaboration","social-and-collaboration",[136,137,138,139],{"id":64,"title":65,"slug":66},{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":47,"description":144,"canonical_path":4,"image":145,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":146,"component_categories":163,"app":167},"e8d8aee1-b65e-4e3d-a3f9-150fd42e6b7d","Welcome screen greeting the user by name after authentication, featuring a prominent avatar and a soft gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8d8aee1-b65e-4e3d-a3f9-150fd42e6b7d.png",[147,155],{"id":148,"label":149,"slug":150,"rank":57,"group":151},81,"Home","home",{"id":152,"label":153,"slug":154},8,"Pages & Content","pages-and-content",{"id":156,"label":157,"slug":158,"rank":59,"group":159},77,"Welcome","welcome",{"id":160,"label":161,"slug":162},7,"Onboarding & Education","onboarding-and-education",[164,165,166],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":168},[],{"uuid":170,"title":47,"description":171,"canonical_path":4,"image":172,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":173,"component_categories":178,"app":181},"e613711b-edfd-4864-9fdf-ad67a1fae2a5","App home screen welcoming the user back with a personalized greeting and avatar, featuring a top navigation bar for accessing events and calendars.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe613711b-edfd-4864-9fdf-ad67a1fae2a5.png",[174,176],{"id":148,"label":149,"slug":150,"rank":57,"group":175},{"id":152,"label":153,"slug":154},{"id":156,"label":157,"slug":158,"rank":59,"group":177},{"id":160,"label":161,"slug":162},[179,180],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":47,"description":185,"canonical_path":4,"image":186,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":187,"component_categories":201,"app":204},"8cd568e8-cb14-4889-bfc4-144add043907","Search overlay where the user can search for events and calendars or jump to quick shortcuts like creating an event or opening help.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8cd568e8-cb14-4889-bfc4-144add043907.png",[188,196],{"id":189,"label":190,"slug":191,"rank":57,"group":192},63,"Command Palette","command-palette",{"id":193,"label":194,"slug":195},6,"Navigation & Commands","navigation-and-commands",{"id":197,"label":198,"slug":199,"rank":59,"group":200},64,"Global Search","global-search",{"id":193,"label":194,"slug":195},[202,203],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":47,"description":208,"canonical_path":4,"image":209,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":210,"component_categories":224,"app":228},"ccc0542f-34c1-4335-a215-8b804b299fdb","Search overlay where the user is looking for events but encounters a no-results empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fccc0542f-34c1-4335-a215-8b804b299fdb.png",[211,213,221],{"id":197,"label":198,"slug":199,"rank":57,"group":212},{"id":193,"label":194,"slug":195},{"id":214,"label":215,"slug":216,"rank":59,"group":217},115,"Empty State","empty-state",{"id":218,"label":219,"slug":220},12,"States & Feedback","states-and-feedback",{"id":189,"label":190,"slug":191,"rank":222,"group":223},2,{"id":193,"label":194,"slug":195},[225,226,227],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":229},[],{"uuid":231,"title":47,"description":232,"canonical_path":4,"image":233,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":234,"component_categories":241,"app":246},"1d3f7995-3da4-460c-9cc6-8825a1b83200","App home screen welcoming the user with an empty state card prompting them to create their first event.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d3f7995-3da4-460c-9cc6-8825a1b83200.png",[235,237,239],{"id":214,"label":215,"slug":216,"rank":57,"group":236},{"id":218,"label":219,"slug":220},{"id":148,"label":149,"slug":150,"rank":59,"group":238},{"id":152,"label":153,"slug":154},{"id":156,"label":157,"slug":158,"rank":222,"group":240},{"id":160,"label":161,"slug":162},[242,243,244,245],{"id":64,"title":65,"slug":66},{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":4,"image":252,"width":49,"height":50,"image_alt":253,"kind":52,"patterns":254,"component_categories":259,"app":267},"e0d7475e-2ae2-4a43-a8a0-bb988fd18346","Events · Luma","Home page where the user sees an empty state for upcoming events with a primary prompt to create their first one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0d7475e-2ae2-4a43-a8a0-bb988fd18346.png","Events · Luma from Luma",[255,257],{"id":214,"label":215,"slug":216,"rank":57,"group":256},{"id":218,"label":219,"slug":220},{"id":148,"label":149,"slug":150,"rank":59,"group":258},{"id":152,"label":153,"slug":154},[260,264,265,266],{"id":261,"title":262,"slug":263},233,"Tabs","tabs",{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":250,"description":271,"canonical_path":4,"image":272,"width":49,"height":50,"image_alt":253,"kind":52,"patterns":273,"component_categories":284,"app":289},"7b65dbfd-17ff-47cc-8922-7ac9a901f814","List view showing an empty state for past events the user has hosted or attended.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b65dbfd-17ff-47cc-8922-7ac9a901f814.png",[274,276,279],{"id":214,"label":215,"slug":216,"rank":57,"group":275},{"id":218,"label":219,"slug":220},{"id":277,"label":262,"slug":263,"rank":59,"group":278},69,{"id":193,"label":194,"slug":195},{"id":280,"label":281,"slug":282,"rank":222,"group":283},79,"Browse","browse",{"id":152,"label":153,"slug":154},[285,286,287,288],{"id":261,"title":262,"slug":263},{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":290},[],[],[293,295,297,299,301,303,305,307,309,311,313,316,319,322,325,328,330,334,338,342],{"label":215,"to":294},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":149,"to":296},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":55,"to":298},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":157,"to":300},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":104,"to":302},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":190,"to":304},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":198,"to":306},"\u002Fexamples\u002Fscreens\u002Fglobal-search",{"label":281,"to":308},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":129,"to":310},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":262,"to":312},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":314,"to":315},"Luma marketing pages","\u002Fexamples\u002Fapps\u002Fluma\u002Fmarketing",{"label":317,"to":318},"Luma user flows","\u002Fexamples\u002Fapps\u002Fluma\u002Fflows",{"label":320,"to":321},"Luma UI components","\u002Fexamples\u002Fapps\u002Fluma\u002Fcomponents",{"label":323,"to":324},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":326,"to":327},"Ticketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fticketing",{"label":329,"to":18},"All SaaS app examples",{"label":331,"to":332,"description":333},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":335,"to":336,"description":337},"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":339,"to":340,"description":341},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":343,"to":344,"description":345},"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":347,"updated_at":348},"2023-10-14T13:37:41.000Z","2026-09-13T13:02:39.000Z"]