[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-spaces\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":338,"links":339,"dates":394},"\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Google spaces product screens examples - Nicelydone","Browse Google spaces screen design examples. Preview the interface screenshots and explore related UI patterns. Small group sharing for everything in life","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fgoogle-spaces_sign-in_a357997d_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},"Google spaces design examples","\u002Fexamples\u002Fapps\u002Fgoogle-spaces",{"label":23,"to":4},"Google spaces 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},"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",[35],{"id":36,"title":37,"slug":38},14,"Social","social",[40,73,110,146,179,203,229,254,278,308],{"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},"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",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},169,"Avatar","avatar",{"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":45,"image_alt":78,"kind":47,"patterns":79,"component_categories":100,"app":108},"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",[80,87,95],{"id":81,"label":75,"slug":82,"rank":53,"group":83},81,"home",{"id":84,"label":85,"slug":86},8,"Pages & Content","pages-and-content",{"id":88,"label":89,"slug":90,"rank":55,"group":91},22,"Search","search",{"id":92,"label":93,"slug":94},2,"Actions","actions",{"id":96,"label":97,"slug":98,"rank":92,"group":99},7,"Add & Create","add-and-create",{"id":92,"label":93,"slug":94},[101,105,106,107],{"id":102,"title":103,"slug":104},240,"Horizontal navigation","horizontal-navigation",{"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":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":44,"height":45,"image_alt":115,"kind":47,"patterns":116,"component_categories":139,"app":144},"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",[117,119,126,131],{"id":81,"label":75,"slug":82,"rank":53,"group":118},{"id":84,"label":85,"slug":86},{"id":120,"label":112,"slug":121,"rank":55,"group":122},110,"notifications",{"id":123,"label":124,"slug":125},11,"Social & Collaboration","social-and-collaboration",{"id":127,"label":128,"slug":129,"rank":92,"group":130},79,"Browse","browse",{"id":84,"label":85,"slug":86},{"id":132,"label":133,"slug":134,"rank":135,"group":136},38,"Activity Log","activity-log",3,{"id":50,"label":137,"slug":138},"Data & Analysis","data-and-analysis",[140,141,142,143],{"id":102,"title":103,"slug":104},{"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":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":44,"height":45,"image_alt":151,"kind":47,"patterns":152,"component_categories":165,"app":177},"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",[153,155,160],{"id":96,"label":97,"slug":98,"rank":53,"group":154},{"id":92,"label":93,"slug":94},{"id":156,"label":157,"slug":158,"rank":55,"group":159},24,"Share","share",{"id":92,"label":93,"slug":94},{"id":161,"label":162,"slug":163,"rank":92,"group":164},82,"Media Detail","media-detail",{"id":84,"label":85,"slug":86},[166,170,174,175,176],{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"id":171,"title":172,"slug":173},284,"Modal","modal",{"id":102,"title":103,"slug":104},{"id":68,"title":69,"slug":70},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":148,"description":181,"canonical_path":4,"image":182,"width":44,"height":45,"image_alt":151,"kind":47,"patterns":183,"component_categories":195,"app":201},"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",[184,189,191,193],{"id":185,"label":186,"slug":187,"rank":53,"group":188},17,"Publish","publish",{"id":92,"label":93,"slug":94},{"id":96,"label":97,"slug":98,"rank":55,"group":190},{"id":92,"label":93,"slug":94},{"id":156,"label":157,"slug":158,"rank":92,"group":192},{"id":92,"label":93,"slug":94},{"id":161,"label":162,"slug":163,"rank":135,"group":194},{"id":84,"label":85,"slug":86},[196,197,198,199,200],{"id":171,"title":172,"slug":173},{"id":102,"title":103,"slug":104},{"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":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":44,"height":45,"image_alt":208,"kind":47,"patterns":209,"component_categories":218,"app":227},"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",[210,212,216],{"id":96,"label":97,"slug":98,"rank":53,"group":211},{"id":92,"label":93,"slug":94},{"id":213,"label":205,"slug":214,"rank":55,"group":215},106,"comments",{"id":123,"label":124,"slug":125},{"id":161,"label":162,"slug":163,"rank":92,"group":217},{"id":84,"label":85,"slug":86},[219,223,224,225,226],{"id":220,"title":221,"slug":222},260,"Badge","badge",{"id":102,"title":103,"slug":104},{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":112,"description":231,"canonical_path":4,"image":232,"width":44,"height":45,"image_alt":115,"kind":47,"patterns":233,"component_categories":243,"app":252},"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",[234,236,241],{"id":120,"label":112,"slug":121,"rank":53,"group":235},{"id":123,"label":124,"slug":125},{"id":237,"label":238,"slug":239,"rank":55,"group":240},113,"Social Feed","social-feed",{"id":123,"label":124,"slug":125},{"id":213,"label":205,"slug":214,"rank":92,"group":242},{"id":123,"label":124,"slug":125},[244,248,249,250,251],{"id":245,"title":246,"slug":247},214,"Popover","popover",{"id":102,"title":103,"slug":104},{"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":253},[],{"uuid":255,"title":256,"description":257,"canonical_path":4,"image":258,"width":44,"height":45,"image_alt":259,"kind":47,"patterns":260,"component_categories":270,"app":276},"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",[261,266,268],{"id":262,"label":263,"slug":264,"rank":53,"group":265},133,"Invite Teammates","invite-teammates",{"id":92,"label":93,"slug":94},{"id":156,"label":157,"slug":158,"rank":55,"group":267},{"id":92,"label":93,"slug":94},{"id":237,"label":238,"slug":239,"rank":92,"group":269},{"id":123,"label":124,"slug":125},[271,272,273,274,275],{"id":171,"title":172,"slug":173},{"id":102,"title":103,"slug":104},{"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":277},[],{"uuid":279,"title":148,"description":280,"canonical_path":4,"image":281,"width":44,"height":45,"image_alt":151,"kind":47,"patterns":282,"component_categories":300,"app":306},"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",[283,285,293,295],{"id":96,"label":97,"slug":98,"rank":53,"group":284},{"id":92,"label":93,"slug":94},{"id":286,"label":287,"slug":288,"rank":55,"group":289},58,"Media Editor","media-editor",{"id":290,"label":291,"slug":292},5,"Media & Tools","media-and-tools",{"id":185,"label":186,"slug":187,"rank":92,"group":294},{"id":92,"label":93,"slug":94},{"id":296,"label":297,"slug":298,"rank":135,"group":299},83,"Post Detail","post-detail",{"id":84,"label":85,"slug":86},[301,302,303,304,305],{"id":171,"title":172,"slug":173},{"id":102,"title":103,"slug":104},{"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":307},[],{"uuid":309,"title":310,"description":311,"canonical_path":4,"image":312,"width":44,"height":45,"image_alt":313,"kind":47,"patterns":314,"component_categories":326,"app":336},"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",[315,319],{"id":123,"label":316,"slug":317,"rank":53,"group":318},"Edit","edit",{"id":92,"label":93,"slug":94},{"id":320,"label":310,"slug":321,"rank":55,"group":322},102,"settings",{"id":323,"label":324,"slug":325},10,"Settings & Admin","settings-and-admin",[327,331,332,333,334,335],{"id":328,"title":329,"slug":330},183,"Color picker","color-picker",{"id":171,"title":172,"slug":173},{"id":102,"title":103,"slug":104},{"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":337},[],[],[340,342,344,346,348,350,352,354,356,358,360,362,364,367,370,373,376,378,382,386,390],{"label":97,"to":341},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":162,"to":343},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":157,"to":345},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":205,"to":347},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":75,"to":349},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":112,"to":351},"\u002Fexamples\u002Fscreens\u002Fnotifications",{"label":186,"to":353},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":238,"to":355},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":133,"to":357},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":128,"to":359},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":316,"to":361},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":263,"to":363},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":365,"to":366},"Google spaces marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fmarketing",{"label":368,"to":369},"Google spaces user flows","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fflows",{"label":371,"to":372},"Google spaces UI components","\u002Fexamples\u002Fapps\u002Fgoogle-spaces\u002Fcomponents",{"label":374,"to":375},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":377,"to":18},"All SaaS app examples",{"label":379,"to":380,"description":381},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":383,"to":384,"description":385},"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":387,"to":388,"description":389},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":391,"to":392,"description":393},"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":395,"updated_at":396},"2016-06-08T08:05:00.000Z","2026-09-13T13:02:39.000Z"]