[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-spaces":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":351,"dates":383},"\u002Fexamples\u002Fapps\u002Fgoogle-spaces","detail","apps",true,{"title":9,"description":10,"og_image":11},"Google spaces design examples - Nicelydone","Explore Google spaces UI design examples. Small group sharing for everything in life","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_sign-in_a357997d_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},"Google spaces design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Google spaces",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Google spaces","google-spaces","Small group sharing for everything in life","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgoogle-15c9c9e1.png","https:\u002F\u002Fspaces.google.com",[41],{"id":42,"title":43,"slug":44},14,"Social","social",[],[47,348],{"family":48,"examples":49},"screens",[50,83,120,156,189,213,239,264,288,318],{"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},"fd47480b-68ea-4352-8066-0f126fd2d830","Sign in","Sign-in screen where the user enters their password for a pre-selected Google account.",2780,1544,"Sign in from Google spaces","screen",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},4,"Sign In","sign-in",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73,77],{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},169,"Avatar","avatar",{"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":55,"image_alt":88,"kind":57,"patterns":89,"component_categories":110,"app":118},"ca20ab2f-95bd-49dd-8b19-ffeb2d119361","Home","Home screen where the user can search for, access, or create new workspace environments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_home_67034fc2_nicelydone.jpg","Home from Google spaces",[90,97,105],{"id":91,"label":85,"slug":92,"rank":63,"group":93},81,"home",{"id":94,"label":95,"slug":96},8,"Pages & Content","pages-and-content",{"id":98,"label":99,"slug":100,"rank":65,"group":101},22,"Search","search",{"id":102,"label":103,"slug":104},2,"Actions","actions",{"id":106,"label":107,"slug":108,"rank":102,"group":109},7,"Add & Create","add-and-create",{"id":102,"label":103,"slug":104},[111,115,116,117],{"id":112,"title":113,"slug":114},240,"Horizontal navigation","horizontal-navigation",{"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":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":29,"image":124,"width":54,"height":55,"image_alt":125,"kind":57,"patterns":126,"component_categories":149,"app":154},"49d4ab58-4982-4ab2-8847-2e05ed0d8699","Notifications","Home screen where the user can access their existing spaces, create a new one, and view a feed of recent activity across spaces in a right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_notifications_2369ebde_nicelydone.jpg","Notifications from Google spaces",[127,129,136,141],{"id":91,"label":85,"slug":92,"rank":63,"group":128},{"id":94,"label":95,"slug":96},{"id":130,"label":122,"slug":131,"rank":65,"group":132},110,"notifications",{"id":133,"label":134,"slug":135},11,"Social & Collaboration","social-and-collaboration",{"id":137,"label":138,"slug":139,"rank":102,"group":140},79,"Browse","browse",{"id":94,"label":95,"slug":96},{"id":142,"label":143,"slug":144,"rank":145,"group":146},38,"Activity Log","activity-log",3,{"id":60,"label":147,"slug":148},"Data & Analysis","data-and-analysis",[150,151,152,153],{"id":112,"title":113,"slug":114},{"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":155},[],{"uuid":157,"title":158,"description":159,"canonical_path":29,"image":160,"width":54,"height":55,"image_alt":161,"kind":57,"patterns":162,"component_categories":175,"app":187},"f6c30d47-1137-42ed-880d-f3e6f67ec013","Create","Modal overlay where the user adds a URL to publish a new post in the Nicely Done space.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_create_7fda9676_nicelydone.jpg","Create from Google spaces",[163,165,170],{"id":106,"label":107,"slug":108,"rank":63,"group":164},{"id":102,"label":103,"slug":104},{"id":166,"label":167,"slug":168,"rank":65,"group":169},24,"Share","share",{"id":102,"label":103,"slug":104},{"id":171,"label":172,"slug":173,"rank":102,"group":174},82,"Media Detail","media-detail",{"id":94,"label":95,"slug":96},[176,180,184,185,186],{"id":177,"title":178,"slug":179},233,"Tabs","tabs",{"id":181,"title":182,"slug":183},284,"Modal","modal",{"id":112,"title":113,"slug":114},{"id":78,"title":79,"slug":80},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":188},[],{"uuid":190,"title":158,"description":191,"canonical_path":29,"image":192,"width":54,"height":55,"image_alt":161,"kind":57,"patterns":193,"component_categories":205,"app":211},"272e6476-6062-4f03-9f93-e8a3c31d4e28","Modal where the user can add a comment and publish a link preview to the Nicely Done space.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_create-2_20c4125a_nicelydone.jpg",[194,199,201,203],{"id":195,"label":196,"slug":197,"rank":63,"group":198},17,"Publish","publish",{"id":102,"label":103,"slug":104},{"id":106,"label":107,"slug":108,"rank":65,"group":200},{"id":102,"label":103,"slug":104},{"id":166,"label":167,"slug":168,"rank":102,"group":202},{"id":102,"label":103,"slug":104},{"id":171,"label":172,"slug":173,"rank":145,"group":204},{"id":94,"label":95,"slug":96},[206,207,208,209,210],{"id":181,"title":182,"slug":183},{"id":112,"title":113,"slug":114},{"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":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":29,"image":217,"width":54,"height":55,"image_alt":218,"kind":57,"patterns":219,"component_categories":228,"app":237},"b79d2949-1f7d-430e-9b03-46ec05e2d98e","Comments","Detail page where the user views a shared link preview and can participate in a comment thread about it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_comments_96976993_nicelydone.jpg","Comments from Google spaces",[220,222,226],{"id":106,"label":107,"slug":108,"rank":63,"group":221},{"id":102,"label":103,"slug":104},{"id":223,"label":215,"slug":224,"rank":65,"group":225},106,"comments",{"id":133,"label":134,"slug":135},{"id":171,"label":172,"slug":173,"rank":102,"group":227},{"id":94,"label":95,"slug":96},[229,233,234,235,236],{"id":230,"title":231,"slug":232},260,"Badge","badge",{"id":112,"title":113,"slug":114},{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":238},[],{"uuid":240,"title":122,"description":241,"canonical_path":29,"image":242,"width":54,"height":55,"image_alt":125,"kind":57,"patterns":243,"component_categories":253,"app":262},"dbcbf061-a796-491f-a8ab-edf20f133f6f","Detail page for a specific group space where the user can share content, view a feed of posts, and check their notifications via an open popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_notifications-2_094588c3_nicelydone.jpg",[244,246,251],{"id":130,"label":122,"slug":131,"rank":63,"group":245},{"id":133,"label":134,"slug":135},{"id":247,"label":248,"slug":249,"rank":65,"group":250},113,"Social Feed","social-feed",{"id":133,"label":134,"slug":135},{"id":223,"label":215,"slug":224,"rank":102,"group":252},{"id":133,"label":134,"slug":135},[254,258,259,260,261],{"id":255,"title":256,"slug":257},214,"Popover","popover",{"id":112,"title":113,"slug":114},{"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":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":29,"image":268,"width":54,"height":55,"image_alt":269,"kind":57,"patterns":270,"component_categories":280,"app":286},"b4b45ce5-05e3-422b-83a6-2e438e2cb271","Invite friends","Social feed for a specific space where an invite modal is open, offering options to share access via link, email, or Facebook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_invite-friends_cb71e9c6_nicelydone.jpg","Invite friends from Google spaces",[271,276,278],{"id":272,"label":273,"slug":274,"rank":63,"group":275},133,"Invite Teammates","invite-teammates",{"id":102,"label":103,"slug":104},{"id":166,"label":167,"slug":168,"rank":65,"group":277},{"id":102,"label":103,"slug":104},{"id":247,"label":248,"slug":249,"rank":102,"group":279},{"id":133,"label":134,"slug":135},[281,282,283,284,285],{"id":181,"title":182,"slug":183},{"id":112,"title":113,"slug":114},{"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":287},[],{"uuid":289,"title":158,"description":290,"canonical_path":29,"image":291,"width":54,"height":55,"image_alt":161,"kind":57,"patterns":292,"component_categories":310,"app":316},"f0f683f0-997b-411e-9b96-e86ab1516891","Create overlay where the user drafts a new post to publish in a specific space, with options to attach links, images, or quotes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_create-3_d9e5c4f9_nicelydone.jpg",[293,295,303,305],{"id":106,"label":107,"slug":108,"rank":63,"group":294},{"id":102,"label":103,"slug":104},{"id":296,"label":297,"slug":298,"rank":65,"group":299},58,"Media Editor","media-editor",{"id":300,"label":301,"slug":302},5,"Media & Tools","media-and-tools",{"id":195,"label":196,"slug":197,"rank":102,"group":304},{"id":102,"label":103,"slug":104},{"id":306,"label":307,"slug":308,"rank":145,"group":309},83,"Post Detail","post-detail",{"id":94,"label":95,"slug":96},[311,312,313,314,315],{"id":181,"title":182,"slug":183},{"id":112,"title":113,"slug":114},{"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":317},[],{"uuid":319,"title":320,"description":321,"canonical_path":29,"image":322,"width":54,"height":55,"image_alt":323,"kind":57,"patterns":324,"component_categories":336,"app":346},"dfc8a723-3d66-472b-90f2-0a5a8df5f9ba","Settings","Detail page where the user customizes their space by selecting a cover image, editing the name, and choosing a theme color.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_settings_9892bc59_nicelydone.jpg","Settings from Google spaces",[325,329],{"id":133,"label":326,"slug":327,"rank":63,"group":328},"Edit","edit",{"id":102,"label":103,"slug":104},{"id":330,"label":320,"slug":331,"rank":65,"group":332},102,"settings",{"id":333,"label":334,"slug":335},10,"Settings & Admin","settings-and-admin",[337,341,342,343,344,345],{"id":338,"title":339,"slug":340},183,"Color picker","color-picker",{"id":181,"title":182,"slug":183},{"id":112,"title":113,"slug":114},{"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":347},[],{"family":349,"examples":350},"pages",[],[352,354,356,359,362,365,367,371,375,379],{"label":353,"to":29},"Google spaces product screens",{"label":355,"to":32},"Google spaces marketing pages",{"label":357,"to":358},"Google spaces user flows","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fflows",{"label":360,"to":361},"Google spaces UI components","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fcomponents",{"label":363,"to":364},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":366,"to":18},"All SaaS app examples",{"label":368,"to":369,"description":370},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":372,"to":373,"description":374},"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":376,"to":377,"description":378},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":380,"to":381,"description":382},"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":384,"updated_at":385},"2016-06-08T08:05:00.000Z","2026-09-13T13:02:39.000Z"]