[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsegment\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":340,"links":341,"dates":402},"\u002Fexamples\u002Fapps\u002Fsegment\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Segment product screens examples - Nicelydone","Browse Segment screen design examples. Preview the interface screenshots and explore related UI patterns. Analytics API and customer data hub","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_sign-in_2d176122_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Segment design examples","\u002Fexamples\u002Fapps\u002Fsegment",{"label":23,"to":4},"Segment 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},"Segment","segment","Analytics API and customer data hub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsegment-e58b87ab.png","http:\u002F\u002Fsegment.com",[35,39,43],{"id":36,"title":37,"slug":38},37,"Developer APIs","developer-apis",{"id":40,"title":41,"slug":42},46,"Analytics","analytics",{"id":44,"title":45,"slug":46},57,"Big data","big-data",[48,73,90,114,148,172,192,203,243,273,295,315],{"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":71},"d2c99011-12a5-4e45-8bcf-c52c9c19a9b7","Sign in","Sign-in screen where the user authenticates to Segment using their email and password.",2800,1744,"Sign in from Segment","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":78,"image_alt":79,"kind":55,"patterns":80,"component_categories":86,"app":88},"bc5f84bc-8495-4821-b31f-7fdadd6373d1","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_password-reset_ca8c6b0d_nicelydone.jpg",1544,"Password reset from Segment",[81],{"id":82,"label":83,"slug":84,"rank":61,"group":85},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[87],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":52,"height":53,"image_alt":95,"kind":55,"patterns":96,"component_categories":102,"app":112},"7e306431-8161-4ea5-8f3f-d524b020389e","Sign up","Signup page where the user enters their personal details, password, and selects whether the account is for themselves or their company to proceed to the next step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_sign-up_05a61882_nicelydone.jpg","Sign up from Segment",[97],{"id":98,"label":99,"slug":100,"rank":61,"group":101},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[103,107,111],{"id":104,"title":105,"slug":106},174,"Card","card",{"id":108,"title":109,"slug":110},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":52,"height":119,"image_alt":120,"kind":55,"patterns":121,"component_categories":135,"app":146},"c72fcf7e-1a25-4a81-8c16-bdafb95ee1af","Onboarding","Onboarding step where the user selects data sources like Website, iOS App, or Server to connect to their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_onboarding_e0b90362_nicelydone.jpg",1746,"Onboarding from Segment",[122,130],{"id":123,"label":124,"slug":125,"rank":61,"group":126},74,"Onboarding Checklist","onboarding-checklist",{"id":127,"label":128,"slug":129},7,"Onboarding & Education","onboarding-and-education",{"id":131,"label":132,"slug":133,"rank":63,"group":134},75,"Setup Wizard","setup-wizard",{"id":127,"label":128,"slug":129},[136,140,141,145],{"id":137,"title":138,"slug":139},227,"Stepper","stepper",{"id":104,"title":105,"slug":106},{"id":142,"title":143,"slug":144},240,"Horizontal navigation","horizontal-navigation",{"id":108,"title":109,"slug":110},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":116,"description":150,"canonical_path":4,"image":151,"width":52,"height":119,"image_alt":120,"kind":55,"patterns":152,"component_categories":164,"app":170},"ae67cc00-7be9-4449-94df-92943be1fc4f","Onboarding step where the user selects between integrations or data warehouses as their data destination to finish setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_onboarding-2_3813a85a_nicelydone.png",[153,155,162],{"id":131,"label":132,"slug":133,"rank":61,"group":154},{"id":127,"label":128,"slug":129},{"id":156,"label":157,"slug":158,"rank":63,"group":159},23,"Select","select",{"id":82,"label":160,"slug":161},"Actions","actions",{"id":123,"label":124,"slug":125,"rank":82,"group":163},{"id":127,"label":128,"slug":129},[165,166,167,168,169],{"id":137,"title":138,"slug":139},{"id":104,"title":105,"slug":106},{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":116,"description":174,"canonical_path":4,"image":175,"width":52,"height":119,"image_alt":120,"kind":55,"patterns":176,"component_categories":182,"app":190},"b5af694d-96e1-42dc-b97c-f1a5b315c446","Onboarding screen where the user is welcomed and prompted to add their first data sources, integrations, and data warehouses to get data flowing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_onboarding-3_8afd067a_nicelydone.jpg",[177],{"id":178,"label":179,"slug":180,"rank":61,"group":181},133,"Invite Teammates","invite-teammates",{"id":82,"label":160,"slug":161},[183,187,188,189],{"id":184,"title":185,"slug":186},260,"Badge","badge",{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":52,"height":197,"image_alt":198,"kind":55,"patterns":199,"component_categories":200,"app":201},"d9c39464-1aac-4b29-a619-e5d17738b7e9","Empty state","Onboarding Data management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_empty-state_a0d49bbb_nicelydone.jpg",1866,"Empty state from Segment",[],[],{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":52,"height":208,"image_alt":209,"kind":55,"patterns":210,"component_categories":236,"app":241},"083f447c-22e2-4b9e-ba14-652e5cf6b6b9","Integrations","Create page where the user browses and searches a catalog of data source integrations categorized by Website, Mobile, Cloud Apps, Server, and Legacy.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_integrations_6f02294d_nicelydone.jpg",6308,"Integrations from Segment",[211,215,222,230],{"id":127,"label":212,"slug":213,"rank":61,"group":214},"Add & Create","add-and-create",{"id":82,"label":160,"slug":161},{"id":216,"label":205,"slug":217,"rank":63,"group":218},97,"integrations",{"id":219,"label":220,"slug":221},10,"Settings & Admin","settings-and-admin",{"id":223,"label":224,"slug":225,"rank":82,"group":226},79,"Browse","browse",{"id":227,"label":228,"slug":229},8,"Pages & Content","pages-and-content",{"id":231,"label":232,"slug":233,"rank":234,"group":235},22,"Search","search",3,{"id":82,"label":160,"slug":161},[237,238,239,240],{"id":184,"title":185,"slug":186},{"id":104,"title":105,"slug":106},{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":245,"description":246,"canonical_path":4,"image":247,"width":52,"height":78,"image_alt":248,"kind":55,"patterns":249,"component_categories":261,"app":271},"b93b3b06-49cb-411f-b757-669654e7c09e","Popover","Create page where the user browses a catalog of website and mobile data sources and views setup details for a Chrome extension in a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_popover_69263ae9_nicelydone.jpg","Popover from Segment",[250,252,254,256],{"id":127,"label":212,"slug":213,"rank":61,"group":251},{"id":82,"label":160,"slug":161},{"id":223,"label":224,"slug":225,"rank":63,"group":253},{"id":227,"label":228,"slug":229},{"id":216,"label":205,"slug":217,"rank":82,"group":255},{"id":219,"label":220,"slug":221},{"id":257,"label":258,"slug":259,"rank":234,"group":260},82,"Media Detail","media-detail",{"id":227,"label":228,"slug":229},[262,266,267,268,269,270],{"id":263,"title":264,"slug":265},233,"Tabs","tabs",{"id":184,"title":185,"slug":186},{"id":104,"title":105,"slug":106},{"id":142,"title":143,"slug":144},{"id":68,"title":69,"slug":70},{"id":108,"title":109,"slug":110},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":275,"description":276,"canonical_path":4,"image":277,"width":52,"height":278,"image_alt":279,"kind":55,"patterns":280,"component_categories":287,"app":293},"02333115-a017-4d46-8f1e-7523eba583c8","Collection","List view where the user manages connected data sources and can add new ones via a grid or right-hand action panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_collection_c6916c38_nicelydone.jpg",1706,"Collection from Segment",[281,283,285],{"id":223,"label":224,"slug":225,"rank":61,"group":282},{"id":227,"label":228,"slug":229},{"id":127,"label":212,"slug":213,"rank":63,"group":284},{"id":82,"label":160,"slug":161},{"id":231,"label":232,"slug":233,"rank":82,"group":286},{"id":82,"label":160,"slug":161},[288,289,290,291,292],{"id":263,"title":264,"slug":265},{"id":104,"title":105,"slug":106},{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":294},[],{"uuid":296,"title":194,"description":297,"canonical_path":4,"image":298,"width":52,"height":197,"image_alt":198,"kind":55,"patterns":299,"component_categories":308,"app":313},"0981252f-af25-4cf7-9d4d-f5f8cc9cee02","Empty state for the warehouses list prompting the user to connect a database like Amazon Redshift or Postgres.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_empty-state-2_2e022f5f_nicelydone.jpg",[300],{"id":301,"label":302,"slug":303,"rank":61,"group":304},115,"Empty State","empty-state",{"id":305,"label":306,"slug":307},12,"States & Feedback","states-and-feedback",[309,310,311,312],{"id":184,"title":185,"slug":186},{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":317,"description":318,"canonical_path":4,"image":319,"width":52,"height":320,"image_alt":321,"kind":55,"patterns":322,"component_categories":332,"app":338},"64105075-bffd-4307-93b6-335d8dd20c06","Settings","Settings page where the user configures basic workspace details including the workspace name, URL slug, and billing email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_settings_55af0cb1_nicelydone.jpg",1686,"Settings from Segment",[323,327],{"id":324,"label":317,"slug":325,"rank":61,"group":326},102,"settings",{"id":219,"label":220,"slug":221},{"id":328,"label":329,"slug":330,"rank":63,"group":331},11,"Edit","edit",{"id":82,"label":160,"slug":161},[333,334,335,336,337],{"id":263,"title":264,"slug":265},{"id":184,"title":185,"slug":186},{"id":142,"title":143,"slug":144},{"id":108,"title":109,"slug":110},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":339},[],[],[342,344,346,348,350,352,354,356,358,360,362,364,366,369,372,375,378,381,384,386,390,394,398],{"label":212,"to":343},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":224,"to":345},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":205,"to":347},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":124,"to":349},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":232,"to":351},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":132,"to":353},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":329,"to":355},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":302,"to":357},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":83,"to":359},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":179,"to":361},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":258,"to":363},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":157,"to":365},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":367,"to":368},"Segment marketing pages","\u002Fexamples\u002Fapps\u002Fsegment\u002Fmarketing",{"label":370,"to":371},"Segment user flows","\u002Fexamples\u002Fapps\u002Fsegment\u002Fflows",{"label":373,"to":374},"Segment UI components","\u002Fexamples\u002Fapps\u002Fsegment\u002Fcomponents",{"label":376,"to":377},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":379,"to":380},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":382,"to":383},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":385,"to":18},"All SaaS app examples",{"label":387,"to":388,"description":389},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":391,"to":392,"description":393},"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":395,"to":396,"description":397},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":399,"to":400,"description":401},"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":403,"updated_at":404},"2016-07-05T08:00:00.000Z","2026-09-13T13:02:39.000Z"]