[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fitalic\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":385,"links":386,"dates":444},"\u002Fexamples\u002Fapps\u002Fitalic\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Italic product screens examples - Nicelydone","Browse Italic screen design examples. Preview the interface screenshots and explore related UI patterns. Quality, At Cost.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_sign-in_9722e30f_nicelydone.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},"Italic design examples","\u002Fexamples\u002Fapps\u002Fitalic",{"label":23,"to":4},"Italic 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,"categories":34},"Italic","italic","Quality, At Cost.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fitalic-a73d7bf1.png","https:\u002F\u002Fitalic.com",[35,39],{"id":36,"title":37,"slug":38},61,"Fashion","fashion",{"id":40,"title":41,"slug":42},3,"Shopping","shopping",[44,73,84,122,168,204,236,257,280,305,337,360],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"0cbc0b94-d08e-428f-9f1a-c5f75b5f5cbe","Italic | Quality, At Cost.","Authentication drawer where the user signs in with their email and password or navigates to create a new membership.",3072,1654,"Italic | Quality, At Cost. from Italic","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},240,"Horizontal navigation","horizontal-navigation",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":46,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":77,"component_categories":80,"app":82},"f3f4d45d-d76b-4d6b-8e55-43be9d951538","Password recovery drawer where the user enters their email to request a reset link, overlaid on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_password-reset_67477190_nicelydone.png",[78],{"id":54,"label":55,"slug":56,"rank":57,"group":79},{"id":59,"label":60,"slug":61},[81],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":86,"description":87,"canonical_path":4,"image":88,"width":48,"height":89,"image_alt":90,"kind":51,"patterns":91,"component_categories":110,"app":120},"84aa7175-6bb8-44bf-b34b-3e8b55fb37d8","Info - Italic - Checkout","Checkout step where the user creates an account or signs in to purchase an annual membership, with an order summary visible.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_checkout_36c3c4b0_nicelydone.png",2408,"Info - Italic - Checkout from Italic",[92,100,105],{"id":93,"label":94,"slug":95,"rank":57,"group":96},130,"Checkout","checkout",{"id":97,"label":98,"slug":99},14,"Payments & Checkout","payments-and-checkout",{"id":101,"label":102,"slug":103,"rank":59,"group":104},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":106,"label":107,"slug":108,"rank":54,"group":109},4,"Sign In","sign-in",{"id":59,"label":60,"slug":61},[111,115,119],{"id":112,"title":113,"slug":114},227,"Stepper","stepper",{"id":116,"title":117,"slug":118},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":48,"height":127,"image_alt":128,"kind":51,"patterns":129,"component_categories":151,"app":166},"fbe0626e-8eb7-4004-bce6-bef9fa002bbe","Italic | Quality, At Cost","Landing page for a membership-based retail brand featuring seasonal collections, new arrivals, membership perks, and best sellers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_product_4b77b8dc_nicelydone.png",10218,"Italic | Quality, At Cost from Italic",[130,138,143],{"id":131,"label":132,"slug":133,"rank":57,"group":134},79,"Browse","browse",{"id":135,"label":136,"slug":137},8,"Pages & Content","pages-and-content",{"id":139,"label":140,"slug":141,"rank":59,"group":142},81,"Home","home",{"id":135,"label":136,"slug":137},{"id":144,"label":145,"slug":146,"rank":54,"group":147},65,"Navigation Menu","navigation-menu",{"id":148,"label":149,"slug":150},6,"Navigation & Commands","navigation-and-commands",[152,156,157,161,165],{"id":153,"title":154,"slug":155},277,"Button group","button-group",{"id":64,"title":65,"slug":66},{"id":158,"title":159,"slug":160},258,"Header","header",{"id":162,"title":163,"slug":164},202,"Footer","footer",{"id":116,"title":117,"slug":118},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":170,"description":171,"canonical_path":4,"image":172,"width":48,"height":173,"image_alt":174,"kind":51,"patterns":175,"component_categories":190,"app":202},"b7dd946c-6533-4478-9118-b209eb6ab745","Shearling Moccasins","Product page where the user views details, selects size and color, and adds shearling moccasins to their bag, with a member pricing comparison and related product suggestions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_detail-page-single-page_9926ccfb_nicelydone.png",4888,"Shearling Moccasins from Italic",[176,178,183],{"id":131,"label":132,"slug":133,"rank":57,"group":177},{"id":135,"label":136,"slug":137},{"id":179,"label":180,"slug":181,"rank":59,"group":182},82,"Media Detail","media-detail",{"id":135,"label":136,"slug":137},{"id":184,"label":185,"slug":186,"rank":54,"group":187},13,"Filter & Sort","filter-and-sort",{"id":54,"label":188,"slug":189},"Actions","actions",[191,195,199,200,201],{"id":192,"title":193,"slug":194},214,"Popover","popover",{"id":196,"title":197,"slug":198},168,"Accordion","accordion",{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":116,"title":117,"slug":118},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":48,"height":209,"image_alt":210,"kind":51,"patterns":211,"component_categories":227,"app":234},"b81e2980-a8f4-4c1b-a71b-055b87848a40","Italic | Refer a Friend","Landing page explaining the refer-a-friend program where users can log in to invite friends and earn store credit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_referral_8a1cccbc_nicelydone.png",4444,"Italic | Refer a Friend from Italic",[212,217,225],{"id":213,"label":214,"slug":215,"rank":57,"group":216},133,"Invite Teammates","invite-teammates",{"id":54,"label":188,"slug":189},{"id":218,"label":219,"slug":220,"rank":59,"group":221},104,"Team Management","team-management",{"id":222,"label":223,"slug":224},10,"Settings & Admin","settings-and-admin",{"id":131,"label":132,"slug":133,"rank":54,"group":226},{"id":135,"label":136,"slug":137},[228,232,233],{"id":229,"title":230,"slug":231},189,"FAQ","faq",{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":238,"description":239,"canonical_path":4,"image":240,"width":48,"height":241,"image_alt":242,"kind":51,"patterns":243,"component_categories":250,"app":255},"c80c0e77-dec7-4d01-8100-10c37d2fd7e7","Mens - Apparel | Italic","E-commerce collection page displaying men's apparel categories like sweaters, coats, and activewear with filtering options and product grids.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_collection_f097733f_nicelydone.png",17678,"Mens - Apparel | Italic from Italic",[244,246,248],{"id":131,"label":132,"slug":133,"rank":57,"group":245},{"id":135,"label":136,"slug":137},{"id":184,"label":185,"slug":186,"rank":59,"group":247},{"id":54,"label":188,"slug":189},{"id":144,"label":145,"slug":146,"rank":54,"group":249},{"id":148,"label":149,"slug":150},[251,252,253,254],{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":4,"image":261,"width":48,"height":262,"image_alt":263,"kind":51,"patterns":264,"component_categories":271,"app":278},"f7a9f640-4414-4cee-a180-302ea073ddc2","Recycled Cashmere Zip-Up Hoodie","Product page for a cashmere hoodie where the user can select a color and size, compare member pricing against competitors, and read customer reviews before adding to their bag.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_detail-page-single-page_b696c38a_nicelydone.png",7274,"Recycled Cashmere Zip-Up Hoodie from Italic",[265,267,269],{"id":179,"label":180,"slug":181,"rank":57,"group":266},{"id":135,"label":136,"slug":137},{"id":131,"label":132,"slug":133,"rank":59,"group":268},{"id":135,"label":136,"slug":137},{"id":184,"label":185,"slug":186,"rank":54,"group":270},{"id":54,"label":188,"slug":189},[272,273,274,275,276,277],{"id":153,"title":154,"slug":155},{"id":196,"title":197,"slug":198},{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":86,"description":282,"canonical_path":4,"image":283,"width":48,"height":284,"image_alt":90,"kind":51,"patterns":285,"component_categories":295,"app":303},"7e7fe4e8-7ec8-4583-a6aa-18f2486d0d23","Checkout step where the user creates an account or signs in to proceed with their order, alongside an order summary.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_checkout_98857924_nicelydone.png",2006,[286,288,290],{"id":93,"label":94,"slug":95,"rank":57,"group":287},{"id":97,"label":98,"slug":99},{"id":101,"label":102,"slug":103,"rank":59,"group":289},{"id":59,"label":60,"slug":61},{"id":291,"label":292,"slug":293,"rank":54,"group":294},131,"Payment Form","payment-form",{"id":97,"label":98,"slug":99},[296,300,301,302],{"id":297,"title":298,"slug":299},257,"Input number","input-number",{"id":112,"title":113,"slug":114},{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":86,"description":307,"canonical_path":4,"image":308,"width":48,"height":49,"image_alt":90,"kind":51,"patterns":309,"component_categories":322,"app":335},"5880ab8c-c3b5-4000-8112-1011dab00263","Checkout flow where the user is prompted to select an annual or monthly membership plan via a modal before completing their account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_plans-pricing_8bbd12e2_nicelydone.png",[310,312,314],{"id":93,"label":94,"slug":95,"rank":57,"group":311},{"id":97,"label":98,"slug":99},{"id":101,"label":102,"slug":103,"rank":59,"group":313},{"id":59,"label":60,"slug":61},{"id":315,"label":316,"slug":317,"rank":54,"group":318},89,"Pricing","pricing",{"id":319,"label":320,"slug":321},9,"Plans & Limits","plans-and-limits",[323,327,331,332,333,334],{"id":324,"title":325,"slug":326},284,"Modal","modal",{"id":328,"title":329,"slug":330},260,"Badge","badge",{"id":297,"title":298,"slug":299},{"id":112,"title":113,"slug":114},{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":336},[],{"uuid":338,"title":339,"description":340,"canonical_path":4,"image":341,"width":48,"height":342,"image_alt":343,"kind":51,"patterns":344,"component_categories":349,"app":358},"40b7ca07-0ec9-4b7e-b7b1-cf909b1a2005","Italic | Careers","Careers page detailing the company mission, employee perks, core values, team member profiles, and a categorized list of open roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_careers_9b8ec11a_nicelydone.png",13704,"Italic | Careers from Italic",[345,347],{"id":131,"label":132,"slug":133,"rank":57,"group":346},{"id":135,"label":136,"slug":137},{"id":144,"label":145,"slug":146,"rank":59,"group":348},{"id":148,"label":149,"slug":150},[350,354,355,356,357],{"id":351,"title":352,"slug":353},169,"Avatar","avatar",{"id":196,"title":197,"slug":198},{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":359},[],{"uuid":361,"title":362,"description":363,"canonical_path":4,"image":364,"width":48,"height":365,"image_alt":366,"kind":51,"patterns":367,"component_categories":372,"app":383},"c78ab5eb-dedd-463f-a82e-2db06f5387a7","Blog | Italic","Blog index page featuring a hero carousel of top articles and a grid of recent posts filterable by categories like Products, Behind the Scenes, and News.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fitalic_blog_f06f6b01_nicelydone.png",13564,"Blog | Italic from Italic",[368,370],{"id":131,"label":132,"slug":133,"rank":57,"group":369},{"id":135,"label":136,"slug":137},{"id":184,"label":185,"slug":186,"rank":59,"group":371},{"id":54,"label":188,"slug":189},[373,377,378,379,380,381,382],{"id":374,"title":375,"slug":376},233,"Tabs","tabs",{"id":328,"title":329,"slug":330},{"id":64,"title":65,"slug":66},{"id":158,"title":159,"slug":160},{"id":162,"title":163,"slug":164},{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":384},[],[],[387,389,391,393,395,397,399,401,403,405,407,409,411,414,417,420,423,426,428,432,436,440],{"label":132,"to":388},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":185,"to":390},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":94,"to":392},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":145,"to":394},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":102,"to":396},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":55,"to":398},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":180,"to":400},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":140,"to":402},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":214,"to":404},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":292,"to":406},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":316,"to":408},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":107,"to":410},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":412,"to":413},"Italic marketing pages","\u002Fexamples\u002Fapps\u002Fitalic\u002Fmarketing",{"label":415,"to":416},"Italic user flows","\u002Fexamples\u002Fapps\u002Fitalic\u002Fflows",{"label":418,"to":419},"Italic UI components","\u002Fexamples\u002Fapps\u002Fitalic\u002Fcomponents",{"label":421,"to":422},"Fashion app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffashion",{"label":424,"to":425},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":427,"to":18},"All SaaS app examples",{"label":429,"to":430,"description":431},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":433,"to":434,"description":435},"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":437,"to":438,"description":439},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":441,"to":442,"description":443},"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":445,"updated_at":446},"2021-06-16T21:59:50.000Z","2026-09-13T13:02:39.000Z"]