[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompass\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":346,"links":347,"dates":402},"\u002Fexamples\u002Fapps\u002Fcompass\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Compass product screens examples - Nicelydone","Browse Compass screen design examples. Preview the interface screenshots and explore related UI patterns. Find a home you love","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_sign-in_945d0901_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},"Compass design examples","\u002Fexamples\u002Fapps\u002Fcompass",{"label":23,"to":4},"Compass 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},"Compass","compass","Find a home you love","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompass-94665672.png","https:\u002F\u002Fwww.compass.com",[35],{"id":36,"title":37,"slug":38},9,"Real Estate","real-estate",[40,73,87,105,130,151,197,235,250,269,294,318],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":71},"b6767cd0-0d21-40ab-a14f-4303d22231d2","Sign in","Sign-in screen where the user authenticates with email and password or via Facebook.",2880,1520,"Sign in from Compass","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},2,"Forgot Password","forgot-password",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},284,"Modal","modal",{"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":75,"description":76,"canonical_path":4,"image":77,"width":44,"height":78,"image_alt":79,"kind":47,"patterns":80,"component_categories":83,"app":85},"7a0ac2df-6062-4460-b156-3e3dc1f4518c","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_password-reset_b1db6f9b_nicelydone.jpg",1526,"Password reset from Compass",[81],{"id":50,"label":51,"slug":52,"rank":53,"group":82},{"id":55,"label":56,"slug":57},[84],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":44,"height":45,"image_alt":92,"kind":47,"patterns":93,"component_categories":99,"app":103},"d936aaa5-7dfa-4bd2-a27b-cbb67509744b","Sign up","Signup modal where the user creates an account using their name, email, and password, or authenticates via Facebook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_sign-up_9d6ef22b_nicelydone.jpg","Sign up from Compass",[94],{"id":95,"label":96,"slug":97,"rank":53,"group":98},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[100,101,102],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":44,"height":45,"image_alt":110,"kind":47,"patterns":111,"component_categories":120,"app":128},"26adc052-171f-4d5d-aad0-b0e21750b571","Notification","Landing page where the user must accept the Terms of Service and Privacy Policy via a blocking modal before accessing the real estate search.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_notification_ebc29b43_nicelydone.jpg","Notification from Compass",[112],{"id":113,"label":114,"slug":115,"rank":53,"group":116},114,"Confirmation","confirmation",{"id":117,"label":118,"slug":119},12,"States & Feedback","states-and-feedback",[121,125,126,127],{"id":122,"title":123,"slug":124},258,"Header","header",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":44,"height":45,"image_alt":135,"kind":47,"patterns":136,"component_categories":143,"app":149},"d84bf4a5-a8d5-475f-9e2f-0ebd27821d77","Search","Search overlay where the user looks for real estate listings and neighborhoods in New York City by typing a query.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_search_9ed4e295_nicelydone.jpg","Search from Compass",[137],{"id":138,"label":132,"slug":139,"rank":53,"group":140},22,"search",{"id":50,"label":141,"slug":142},"Actions","actions",[144,148],{"id":145,"title":146,"slug":147},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":132,"description":153,"canonical_path":4,"image":154,"width":44,"height":78,"image_alt":135,"kind":47,"patterns":155,"component_categories":176,"app":195},"021d618c-7bf9-4ba7-a983-0f62e18b5cec","Search results page where the user browses property listings in a split view with an interactive map and a filterable grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_search-2_fe39a419_nicelydone.jpg",[156,164,169],{"id":157,"label":158,"slug":159,"rank":53,"group":160},84,"Search Results","search-results",{"id":161,"label":162,"slug":163},8,"Pages & Content","pages-and-content",{"id":165,"label":166,"slug":167,"rank":55,"group":168},13,"Filter & Sort","filter-and-sort",{"id":50,"label":141,"slug":142},{"id":170,"label":171,"slug":172,"rank":50,"group":173},57,"Map","map",{"id":95,"label":174,"slug":175},"Media & Tools","media-and-tools",[177,181,185,189,193,194],{"id":178,"title":179,"slug":180},277,"Button group","button-group",{"id":182,"title":183,"slug":184},211,"Pagination","pagination",{"id":186,"title":187,"slug":188},174,"Card","card",{"id":190,"title":191,"slug":192},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":4,"image":201,"width":44,"height":202,"image_alt":203,"kind":47,"patterns":204,"component_categories":222,"app":233},"3886365a-e77e-4669-bfd0-29fa966473c8","Single","Product page detailing a real estate listing for a specific apartment unit, including price, photos, amenities, agent contacts, and neighborhood information.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_single_962b1fef_nicelydone.jpg",6564,"Single from Compass",[205,210,214,216],{"id":206,"label":207,"slug":208,"rank":53,"group":209},82,"Media Detail","media-detail",{"id":161,"label":162,"slug":163},{"id":117,"label":211,"slug":212,"rank":55,"group":213},"Favorite","favorite",{"id":50,"label":141,"slug":142},{"id":170,"label":171,"slug":172,"rank":50,"group":215},{"id":95,"label":174,"slug":175},{"id":217,"label":218,"slug":219,"rank":220,"group":221},79,"Browse","browse",3,{"id":161,"label":162,"slug":163},[223,227,228,229,230,231,232],{"id":224,"title":225,"slug":226},202,"Footer","footer",{"id":122,"title":123,"slug":124},{"id":145,"title":146,"slug":147},{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":4,"image":239,"width":44,"height":45,"image_alt":240,"kind":47,"patterns":241,"component_categories":244,"app":248},"e7d4ac1b-4a1f-4e23-b4f1-468f9f736c68","Gallery","Detail page where the user views a full-screen image gallery of a real estate listing, navigating via top-right arrows or a bottom thumbnail strip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_gallery_d05e1bd7_nicelydone.jpg","Gallery from Compass",[242],{"id":206,"label":207,"slug":208,"rank":53,"group":243},{"id":161,"label":162,"slug":163},[245,246,247],{"id":178,"title":179,"slug":180},{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":4,"image":254,"width":44,"height":45,"image_alt":255,"kind":47,"patterns":256,"component_categories":264,"app":267},"8b0b6098-0bec-4960-825c-70a29ee192c9","Maps","Full-screen map view showing a specific location pin with a vertical social sharing bar and zoom controls.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_maps_d78df892_nicelydone.jpg","Maps from Compass",[257,259],{"id":170,"label":171,"slug":172,"rank":53,"group":258},{"id":95,"label":174,"slug":175},{"id":260,"label":261,"slug":262,"rank":55,"group":263},24,"Share","share",{"id":50,"label":141,"slug":142},[265,266],{"id":178,"title":179,"slug":180},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":271,"description":272,"canonical_path":4,"image":273,"width":44,"height":78,"image_alt":274,"kind":47,"patterns":275,"component_categories":285,"app":292},"1f855aea-cbe3-4d13-ab80-ce0b2c2e0106","Create collection","Search overlay where the user saves a selected real estate listing to a new or existing collection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_create-collection_9aa3b4ba_nicelydone.jpg","Create collection from Compass",[276,278,283],{"id":138,"label":132,"slug":139,"rank":53,"group":277},{"id":50,"label":141,"slug":142},{"id":279,"label":280,"slug":281,"rank":55,"group":282},23,"Select","select",{"id":50,"label":141,"slug":142},{"id":206,"label":207,"slug":208,"rank":50,"group":284},{"id":161,"label":162,"slug":163},[286,287,288,289,290,291],{"id":182,"title":183,"slug":184},{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":296,"description":297,"canonical_path":4,"image":298,"width":44,"height":78,"image_alt":299,"kind":47,"patterns":300,"component_categories":309,"app":316},"af76c686-c3f0-4b09-a61b-f5760d948981","Advanced search","Search page where the user filters real estate listings in the Lower East Side by price, beds, and specific features alongside an interactive map view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_advanced-search_3bcc6645_nicelydone.jpg","Advanced search from Compass",[301,303,305,307],{"id":138,"label":132,"slug":139,"rank":53,"group":302},{"id":50,"label":141,"slug":142},{"id":165,"label":166,"slug":167,"rank":55,"group":304},{"id":50,"label":141,"slug":142},{"id":170,"label":171,"slug":172,"rank":50,"group":306},{"id":95,"label":174,"slug":175},{"id":217,"label":218,"slug":219,"rank":220,"group":308},{"id":161,"label":162,"slug":163},[310,311,312,313,314,315],{"id":145,"title":146,"slug":147},{"id":182,"title":183,"slug":184},{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":317},[],{"uuid":319,"title":320,"description":321,"canonical_path":4,"image":322,"width":44,"height":78,"image_alt":323,"kind":47,"patterns":324,"component_categories":336,"app":344},"4558c509-db73-42dc-a4c3-13b6c7109a2f","Saved search","Search results page where the user names a saved search and configures email notification preferences for new listings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_saved-search_0412ae99_nicelydone.jpg","Saved search from Compass",[325,327,329,334],{"id":157,"label":158,"slug":159,"rank":53,"group":326},{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":55,"group":328},{"id":50,"label":141,"slug":142},{"id":330,"label":331,"slug":332,"rank":50,"group":333},20,"Save","save",{"id":50,"label":141,"slug":142},{"id":170,"label":171,"slug":172,"rank":220,"group":335},{"id":95,"label":174,"slug":175},[337,338,339,340,341,342,343],{"id":182,"title":183,"slug":184},{"id":145,"title":146,"slug":147},{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":345},[],[],[348,350,352,354,356,358,360,362,364,366,368,370,372,375,378,381,384,386,390,394,398],{"label":171,"to":349},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":166,"to":351},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":207,"to":353},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":132,"to":355},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":218,"to":357},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":51,"to":359},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":158,"to":361},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":114,"to":363},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":211,"to":365},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":331,"to":367},"\u002Fexamples\u002Fscreens\u002Fsave",{"label":280,"to":369},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":261,"to":371},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":373,"to":374},"Compass marketing pages","\u002Fexamples\u002Fapps\u002Fcompass\u002Fmarketing",{"label":376,"to":377},"Compass user flows","\u002Fexamples\u002Fapps\u002Fcompass\u002Fflows",{"label":379,"to":380},"Compass UI components","\u002Fexamples\u002Fapps\u002Fcompass\u002Fcomponents",{"label":382,"to":383},"Real Estate app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freal-estate",{"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-12-02T08:00:00.000Z","2026-09-13T13:02:39.000Z"]