[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompass":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":359,"dates":373},"\u002Fexamples\u002Fapps\u002Fcompass","detail","apps",true,{"title":9,"description":10,"og_image":11},"Compass design examples - Nicelydone","Explore Compass UI design examples. Find a home you love","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcompass_sign-in_945d0901_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},"Compass design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Compass",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcompass\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcompass\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Compass","compass","Find a home you love","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompass-94665672.png","https:\u002F\u002Fwww.compass.com",[41],{"id":42,"title":43,"slug":44},9,"Real Estate","real-estate",[],[47,356],{"family":48,"examples":49},"screens",[50,83,97,115,140,161,207,245,260,279,304,328],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":81},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},2,"Forgot Password","forgot-password",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73,77],{"id":70,"title":71,"slug":72},284,"Modal","modal",{"id":74,"title":75,"slug":76},240,"Horizontal navigation","horizontal-navigation",{"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":54,"height":88,"image_alt":89,"kind":57,"patterns":90,"component_categories":93,"app":95},"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",[91],{"id":60,"label":61,"slug":62,"rank":63,"group":92},{"id":65,"label":66,"slug":67},[94],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":54,"height":55,"image_alt":102,"kind":57,"patterns":103,"component_categories":109,"app":113},"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",[104],{"id":105,"label":106,"slug":107,"rank":63,"group":108},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},[110,111,112],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":29,"image":119,"width":54,"height":55,"image_alt":120,"kind":57,"patterns":121,"component_categories":130,"app":138},"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",[122],{"id":123,"label":124,"slug":125,"rank":63,"group":126},114,"Confirmation","confirmation",{"id":127,"label":128,"slug":129},12,"States & Feedback","states-and-feedback",[131,135,136,137],{"id":132,"title":133,"slug":134},258,"Header","header",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":29,"image":144,"width":54,"height":55,"image_alt":145,"kind":57,"patterns":146,"component_categories":153,"app":159},"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",[147],{"id":148,"label":142,"slug":149,"rank":63,"group":150},22,"search",{"id":60,"label":151,"slug":152},"Actions","actions",[154,158],{"id":155,"title":156,"slug":157},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":160},[],{"uuid":162,"title":142,"description":163,"canonical_path":29,"image":164,"width":54,"height":88,"image_alt":145,"kind":57,"patterns":165,"component_categories":186,"app":205},"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",[166,174,179],{"id":167,"label":168,"slug":169,"rank":63,"group":170},84,"Search Results","search-results",{"id":171,"label":172,"slug":173},8,"Pages & Content","pages-and-content",{"id":175,"label":176,"slug":177,"rank":65,"group":178},13,"Filter & Sort","filter-and-sort",{"id":60,"label":151,"slug":152},{"id":180,"label":181,"slug":182,"rank":60,"group":183},57,"Map","map",{"id":105,"label":184,"slug":185},"Media & Tools","media-and-tools",[187,191,195,199,203,204],{"id":188,"title":189,"slug":190},277,"Button group","button-group",{"id":192,"title":193,"slug":194},211,"Pagination","pagination",{"id":196,"title":197,"slug":198},174,"Card","card",{"id":200,"title":201,"slug":202},260,"Badge","badge",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":29,"image":211,"width":54,"height":212,"image_alt":213,"kind":57,"patterns":214,"component_categories":232,"app":243},"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",[215,220,224,226],{"id":216,"label":217,"slug":218,"rank":63,"group":219},82,"Media Detail","media-detail",{"id":171,"label":172,"slug":173},{"id":127,"label":221,"slug":222,"rank":65,"group":223},"Favorite","favorite",{"id":60,"label":151,"slug":152},{"id":180,"label":181,"slug":182,"rank":60,"group":225},{"id":105,"label":184,"slug":185},{"id":227,"label":228,"slug":229,"rank":230,"group":231},79,"Browse","browse",3,{"id":171,"label":172,"slug":173},[233,237,238,239,240,241,242],{"id":234,"title":235,"slug":236},202,"Footer","footer",{"id":132,"title":133,"slug":134},{"id":155,"title":156,"slug":157},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":29,"image":249,"width":54,"height":55,"image_alt":250,"kind":57,"patterns":251,"component_categories":254,"app":258},"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",[252],{"id":216,"label":217,"slug":218,"rank":63,"group":253},{"id":171,"label":172,"slug":173},[255,256,257],{"id":188,"title":189,"slug":190},{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":259},[],{"uuid":261,"title":262,"description":263,"canonical_path":29,"image":264,"width":54,"height":55,"image_alt":265,"kind":57,"patterns":266,"component_categories":274,"app":277},"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",[267,269],{"id":180,"label":181,"slug":182,"rank":63,"group":268},{"id":105,"label":184,"slug":185},{"id":270,"label":271,"slug":272,"rank":65,"group":273},24,"Share","share",{"id":60,"label":151,"slug":152},[275,276],{"id":188,"title":189,"slug":190},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":29,"image":283,"width":54,"height":88,"image_alt":284,"kind":57,"patterns":285,"component_categories":295,"app":302},"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",[286,288,293],{"id":148,"label":142,"slug":149,"rank":63,"group":287},{"id":60,"label":151,"slug":152},{"id":289,"label":290,"slug":291,"rank":65,"group":292},23,"Select","select",{"id":60,"label":151,"slug":152},{"id":216,"label":217,"slug":218,"rank":60,"group":294},{"id":171,"label":172,"slug":173},[296,297,298,299,300,301],{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":303},[],{"uuid":305,"title":306,"description":307,"canonical_path":29,"image":308,"width":54,"height":88,"image_alt":309,"kind":57,"patterns":310,"component_categories":319,"app":326},"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",[311,313,315,317],{"id":148,"label":142,"slug":149,"rank":63,"group":312},{"id":60,"label":151,"slug":152},{"id":175,"label":176,"slug":177,"rank":65,"group":314},{"id":60,"label":151,"slug":152},{"id":180,"label":181,"slug":182,"rank":60,"group":316},{"id":105,"label":184,"slug":185},{"id":227,"label":228,"slug":229,"rank":230,"group":318},{"id":171,"label":172,"slug":173},[320,321,322,323,324,325],{"id":155,"title":156,"slug":157},{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":327},[],{"uuid":329,"title":330,"description":331,"canonical_path":29,"image":332,"width":54,"height":88,"image_alt":333,"kind":57,"patterns":334,"component_categories":346,"app":354},"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",[335,337,339,344],{"id":167,"label":168,"slug":169,"rank":63,"group":336},{"id":171,"label":172,"slug":173},{"id":175,"label":176,"slug":177,"rank":65,"group":338},{"id":60,"label":151,"slug":152},{"id":340,"label":341,"slug":342,"rank":60,"group":343},20,"Save","save",{"id":60,"label":151,"slug":152},{"id":180,"label":181,"slug":182,"rank":230,"group":345},{"id":105,"label":184,"slug":185},[347,348,349,350,351,352,353],{"id":192,"title":193,"slug":194},{"id":155,"title":156,"slug":157},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":355},[],{"family":357,"examples":358},"pages",[],[360,362,364,367,370],{"label":361,"to":29},"Compass product screens",{"label":363,"to":32},"Compass marketing pages",{"label":365,"to":366},"Compass user flows","\u002Fexamples\u002Fapps\u002Fcompass\u002Fflows",{"label":368,"to":369},"Compass UI components","\u002Fexamples\u002Fapps\u002Fcompass\u002Fcomponents",{"label":371,"to":372},"Real Estate app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freal-estate",{"published_at":374,"updated_at":375},"2016-12-02T08:00:00.000Z","2026-09-13T13:02:39.000Z"]