[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsegment":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":353,"dates":391},"\u002Fexamples\u002Fapps\u002Fsegment","detail","apps",true,{"title":9,"description":10,"og_image":11},"Segment design examples - Nicelydone","Explore Segment UI design examples. Analytics API and customer data hub","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsegment_sign-in_2d176122_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Segment design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Segment",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsegment\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fsegment\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":36,"categories":40},"Segment","segment","Analytics API and customer data hub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsegment-e58b87ab.png","http:\u002F\u002Fsegment.com",[41,45,49],{"id":42,"title":43,"slug":44},37,"Developer APIs","developer-apis",{"id":46,"title":47,"slug":48},46,"Analytics","analytics",{"id":50,"title":51,"slug":52},57,"Big data","big-data",[],[55,350],{"family":56,"examples":57},"screens",[58,83,100,124,158,182,202,213,253,283,305,325],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":81},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77],{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":62,"height":88,"image_alt":89,"kind":65,"patterns":90,"component_categories":96,"app":98},"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",[91],{"id":92,"label":93,"slug":94,"rank":71,"group":95},2,"Forgot Password","forgot-password",{"id":73,"label":74,"slug":75},[97],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":29,"image":104,"width":62,"height":63,"image_alt":105,"kind":65,"patterns":106,"component_categories":112,"app":122},"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",[107],{"id":108,"label":109,"slug":110,"rank":71,"group":111},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[113,117,121],{"id":114,"title":115,"slug":116},174,"Card","card",{"id":118,"title":119,"slug":120},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":29,"image":128,"width":62,"height":129,"image_alt":130,"kind":65,"patterns":131,"component_categories":145,"app":156},"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",[132,140],{"id":133,"label":134,"slug":135,"rank":71,"group":136},74,"Onboarding Checklist","onboarding-checklist",{"id":137,"label":138,"slug":139},7,"Onboarding & Education","onboarding-and-education",{"id":141,"label":142,"slug":143,"rank":73,"group":144},75,"Setup Wizard","setup-wizard",{"id":137,"label":138,"slug":139},[146,150,151,155],{"id":147,"title":148,"slug":149},227,"Stepper","stepper",{"id":114,"title":115,"slug":116},{"id":152,"title":153,"slug":154},240,"Horizontal navigation","horizontal-navigation",{"id":118,"title":119,"slug":120},{"slug":36,"title":35,"logo":38,"categories":157},[],{"uuid":159,"title":126,"description":160,"canonical_path":29,"image":161,"width":62,"height":129,"image_alt":130,"kind":65,"patterns":162,"component_categories":174,"app":180},"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",[163,165,172],{"id":141,"label":142,"slug":143,"rank":71,"group":164},{"id":137,"label":138,"slug":139},{"id":166,"label":167,"slug":168,"rank":73,"group":169},23,"Select","select",{"id":92,"label":170,"slug":171},"Actions","actions",{"id":133,"label":134,"slug":135,"rank":92,"group":173},{"id":137,"label":138,"slug":139},[175,176,177,178,179],{"id":147,"title":148,"slug":149},{"id":114,"title":115,"slug":116},{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":181},[],{"uuid":183,"title":126,"description":184,"canonical_path":29,"image":185,"width":62,"height":129,"image_alt":130,"kind":65,"patterns":186,"component_categories":192,"app":200},"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",[187],{"id":188,"label":189,"slug":190,"rank":71,"group":191},133,"Invite Teammates","invite-teammates",{"id":92,"label":170,"slug":171},[193,197,198,199],{"id":194,"title":195,"slug":196},260,"Badge","badge",{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":29,"image":206,"width":62,"height":207,"image_alt":208,"kind":65,"patterns":209,"component_categories":210,"app":211},"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":36,"title":35,"logo":38,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":29,"image":217,"width":62,"height":218,"image_alt":219,"kind":65,"patterns":220,"component_categories":246,"app":251},"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",[221,225,232,240],{"id":137,"label":222,"slug":223,"rank":71,"group":224},"Add & Create","add-and-create",{"id":92,"label":170,"slug":171},{"id":226,"label":215,"slug":227,"rank":73,"group":228},97,"integrations",{"id":229,"label":230,"slug":231},10,"Settings & Admin","settings-and-admin",{"id":233,"label":234,"slug":235,"rank":92,"group":236},79,"Browse","browse",{"id":237,"label":238,"slug":239},8,"Pages & Content","pages-and-content",{"id":241,"label":242,"slug":243,"rank":244,"group":245},22,"Search","search",3,{"id":92,"label":170,"slug":171},[247,248,249,250],{"id":194,"title":195,"slug":196},{"id":114,"title":115,"slug":116},{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"slug":36,"title":35,"logo":38,"categories":252},[],{"uuid":254,"title":255,"description":256,"canonical_path":29,"image":257,"width":62,"height":88,"image_alt":258,"kind":65,"patterns":259,"component_categories":271,"app":281},"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",[260,262,264,266],{"id":137,"label":222,"slug":223,"rank":71,"group":261},{"id":92,"label":170,"slug":171},{"id":233,"label":234,"slug":235,"rank":73,"group":263},{"id":237,"label":238,"slug":239},{"id":226,"label":215,"slug":227,"rank":92,"group":265},{"id":229,"label":230,"slug":231},{"id":267,"label":268,"slug":269,"rank":244,"group":270},82,"Media Detail","media-detail",{"id":237,"label":238,"slug":239},[272,276,277,278,279,280],{"id":273,"title":274,"slug":275},233,"Tabs","tabs",{"id":194,"title":195,"slug":196},{"id":114,"title":115,"slug":116},{"id":152,"title":153,"slug":154},{"id":78,"title":79,"slug":80},{"id":118,"title":119,"slug":120},{"slug":36,"title":35,"logo":38,"categories":282},[],{"uuid":284,"title":285,"description":286,"canonical_path":29,"image":287,"width":62,"height":288,"image_alt":289,"kind":65,"patterns":290,"component_categories":297,"app":303},"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",[291,293,295],{"id":233,"label":234,"slug":235,"rank":71,"group":292},{"id":237,"label":238,"slug":239},{"id":137,"label":222,"slug":223,"rank":73,"group":294},{"id":92,"label":170,"slug":171},{"id":241,"label":242,"slug":243,"rank":92,"group":296},{"id":92,"label":170,"slug":171},[298,299,300,301,302],{"id":273,"title":274,"slug":275},{"id":114,"title":115,"slug":116},{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":304},[],{"uuid":306,"title":204,"description":307,"canonical_path":29,"image":308,"width":62,"height":207,"image_alt":208,"kind":65,"patterns":309,"component_categories":318,"app":323},"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",[310],{"id":311,"label":312,"slug":313,"rank":71,"group":314},115,"Empty State","empty-state",{"id":315,"label":316,"slug":317},12,"States & Feedback","states-and-feedback",[319,320,321,322],{"id":194,"title":195,"slug":196},{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":29,"image":329,"width":62,"height":330,"image_alt":331,"kind":65,"patterns":332,"component_categories":342,"app":348},"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",[333,337],{"id":334,"label":327,"slug":335,"rank":71,"group":336},102,"settings",{"id":229,"label":230,"slug":231},{"id":338,"label":339,"slug":340,"rank":73,"group":341},11,"Edit","edit",{"id":92,"label":170,"slug":171},[343,344,345,346,347],{"id":273,"title":274,"slug":275},{"id":194,"title":195,"slug":196},{"id":152,"title":153,"slug":154},{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":349},[],{"family":351,"examples":352},"pages",[],[354,356,358,361,364,367,370,373,375,379,383,387],{"label":355,"to":29},"Segment product screens",{"label":357,"to":32},"Segment marketing pages",{"label":359,"to":360},"Segment user flows","\u002Fexamples\u002Fapps\u002Fsegment\u002Fflows",{"label":362,"to":363},"Segment UI components","\u002Fexamples\u002Fapps\u002Fsegment\u002Fcomponents",{"label":365,"to":366},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":368,"to":369},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":371,"to":372},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":374,"to":18},"All SaaS app examples",{"label":376,"to":377,"description":378},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":380,"to":381,"description":382},"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":384,"to":385,"description":386},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":388,"to":389,"description":390},"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":392,"updated_at":393},"2016-07-05T08:00:00.000Z","2026-09-13T13:02:39.000Z"]