[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplaybook-hq":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":57,"showcases":58,"links":409,"dates":428},"\u002Fexamples\u002Fapps\u002Fplaybook-hq","detail","apps",true,{"title":9,"description":10,"og_image":11},"Playbook design examples - Nicelydone","Explore Playbook UI design examples. Make your creative work beauuutiful","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F575296f9-e181-4f7a-9033-f6e96781f2c6.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Playbook design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Playbook",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplaybook-hq\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fplaybook-hq\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fplaybook-hq\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"Playbook","playbook-hq","Make your creative work beauuutiful","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplaybook-gp89hhmz.png","https:\u002F\u002Fwww.playbook.com","playbook_hq",[45,49,53],{"id":46,"title":47,"slug":48},8,"Design","design",{"id":50,"title":51,"slug":52},23,"Collaboration","collaboration",{"id":54,"title":55,"slug":56},71,"File sharing","file-sharing",[],[59,403,406],{"family":60,"examples":61},"screens",[62,105,149,201,225,255,273,306,334,356,373,387],{"uuid":63,"title":64,"description":65,"canonical_path":66,"image":11,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":71,"component_categories":80,"app":101},"575296f9-e181-4f7a-9033-f6e96781f2c6","MarchPortfolioMonth","Signup modal prompting the user to authenticate with Google or email to collaborate on the community portfolio showcase.","\u002Fexamples\u002Fapps\u002Fplaybook\u002Fscreens",3024,1738,"MarchPortfolioMonth from Playbook","screen",[72],{"id":73,"label":74,"slug":75,"rank":76,"group":77},79,"Browse","browse",0,{"id":46,"label":78,"slug":79},"Pages & Content","pages-and-content",[81,85,89,93,97],{"id":82,"title":83,"slug":84},284,"Modal","modal",{"id":86,"title":87,"slug":88},240,"Horizontal navigation","horizontal-navigation",{"id":90,"title":91,"slug":92},169,"Avatar","avatar",{"id":94,"title":95,"slug":96},174,"Card","card",{"id":98,"title":99,"slug":100},175,"Button","button",{"slug":102,"title":38,"logo":103,"categories":104},"playbook","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplaybook-9f70a0d7.png",[],{"uuid":106,"title":64,"description":107,"canonical_path":66,"image":108,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":109,"component_categories":135,"app":147},"67c1bd50-49eb-47e5-b459-814c5e5806f6","Community showcase page where users can browse, sort, and comment on portfolio submissions for a monthly competition.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c1bd50-49eb-47e5-b459-814c5e5806f6.png",[110,112,121,129],{"id":73,"label":74,"slug":75,"rank":76,"group":111},{"id":46,"label":78,"slug":79},{"id":113,"label":114,"slug":115,"rank":116,"group":117},106,"Comments","comments",1,{"id":118,"label":119,"slug":120},11,"Social & Collaboration","social-and-collaboration",{"id":122,"label":123,"slug":124,"rank":125,"group":126},22,"Search","search",2,{"id":125,"label":127,"slug":128},"Actions","actions",{"id":130,"label":131,"slug":132,"rank":133,"group":134},13,"Filter & Sort","filter-and-sort",3,{"id":125,"label":127,"slug":128},[136,140,144,145,146],{"id":137,"title":138,"slug":139},214,"Popover","popover",{"id":141,"title":142,"slug":143},258,"Header","header",{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":148},[],{"uuid":150,"title":64,"description":151,"canonical_path":66,"image":152,"width":67,"height":153,"image_alt":69,"kind":70,"patterns":154,"component_categories":183,"app":199},"13afb104-12df-45dd-8db2-0b9eec7932ce","A shared detail view presenting a step-by-step guide on how to upload and publish a portfolio to the community.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13afb104-12df-45dd-8db2-0b9eec7932ce.png",2519,[155,160,168,172,177],{"id":156,"label":157,"slug":158,"rank":76,"group":159},82,"Media Detail","media-detail",{"id":46,"label":78,"slug":79},{"id":161,"label":162,"slug":163,"rank":116,"group":164},78,"Article","article",{"id":165,"label":166,"slug":167},15,"Marketing Page Types","marketing-page-types",{"id":133,"label":169,"slug":170,"rank":125,"group":171},"Profile","profile",{"id":118,"label":119,"slug":120},{"id":173,"label":174,"slug":175,"rank":133,"group":176},17,"Publish","publish",{"id":125,"label":127,"slug":128},{"id":178,"label":179,"slug":180,"rank":181,"group":182},25,"Upload & Download","upload-and-download",4,{"id":125,"label":127,"slug":128},[184,188,192,196,197,198],{"id":185,"title":186,"slug":187},298,"Bento box","bento-grid",{"id":189,"title":190,"slug":191},260,"Badge","badge",{"id":193,"title":194,"slug":195},227,"Stepper","stepper",{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":200},[],{"uuid":202,"title":64,"description":203,"canonical_path":66,"image":204,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":205,"component_categories":218,"app":223},"d7df7646-69ce-4bc5-9a4c-a3924f1c7287","Detail page where a user views a shared community guide on how to upload and publish a portfolio via Playbook Profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7df7646-69ce-4bc5-9a4c-a3924f1c7287.png",[206,208,210],{"id":161,"label":162,"slug":163,"rank":76,"group":207},{"id":165,"label":166,"slug":167},{"id":156,"label":157,"slug":158,"rank":116,"group":209},{"id":46,"label":78,"slug":79},{"id":211,"label":212,"slug":213,"rank":125,"group":214},118,"Help","help",{"id":215,"label":216,"slug":217},12,"States & Feedback","states-and-feedback",[219,220,221,222],{"id":193,"title":194,"slug":195},{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":224},[],{"uuid":226,"title":64,"description":227,"canonical_path":66,"image":228,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":229,"component_categories":248,"app":253},"ff7da9fb-1a5b-4737-b660-d0abb1c4a739","Detail page for a community portfolio showcase entry where users can view the presentation, vote, and leave comments in a side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff7da9fb-1a5b-4737-b660-d0abb1c4a739.png",[230,235,237,241,246],{"id":231,"label":232,"slug":233,"rank":76,"group":234},83,"Post Detail","post-detail",{"id":46,"label":78,"slug":79},{"id":113,"label":114,"slug":115,"rank":116,"group":236},{"id":118,"label":119,"slug":120},{"id":215,"label":238,"slug":239,"rank":125,"group":240},"Favorite","favorite",{"id":125,"label":127,"slug":128},{"id":242,"label":243,"slug":244,"rank":133,"group":245},24,"Share","share",{"id":125,"label":127,"slug":128},{"id":156,"label":157,"slug":158,"rank":181,"group":247},{"id":46,"label":78,"slug":79},[249,250,251,252],{"id":193,"title":194,"slug":195},{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":66,"image":259,"width":67,"height":68,"image_alt":260,"kind":70,"patterns":261,"component_categories":266,"app":271},"623b5baa-330d-49a4-bd3a-937c67049ed2","Henry Trans public profile","Detail page where a user's public profile displays their location, social links, projects, and digital collectibles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F623b5baa-330d-49a4-bd3a-937c67049ed2.png","Henry Trans public profile from Playbook",[262,264],{"id":133,"label":169,"slug":170,"rank":76,"group":263},{"id":118,"label":119,"slug":120},{"id":73,"label":74,"slug":75,"rank":116,"group":265},{"id":46,"label":78,"slug":79},[267,268,269,270],{"id":86,"title":87,"slug":88},{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":272},[],{"uuid":274,"title":64,"description":275,"canonical_path":66,"image":276,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":277,"component_categories":300,"app":304},"025f3188-433f-42ab-a1a8-b44c3ed4c143","Detail page where a user views a shared portfolio board and opens a side drawer to reference keyboard shortcuts and template information.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F025f3188-433f-42ab-a1a8-b44c3ed4c143.png",[278,280,287,292],{"id":156,"label":157,"slug":158,"rank":76,"group":279},{"id":46,"label":78,"slug":79},{"id":281,"label":282,"slug":283,"rank":116,"group":284},33,"AI Settings","ai-settings",{"id":133,"label":285,"slug":286},"AI","ai",{"id":288,"label":289,"slug":290,"rank":125,"group":291},119,"Info","info",{"id":215,"label":216,"slug":217},{"id":293,"label":294,"slug":295,"rank":133,"group":296},68,"Shortcuts","shortcuts",{"id":297,"label":298,"slug":299},6,"Navigation & Commands","navigation-and-commands",[301,302,303],{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":305},[],{"uuid":307,"title":308,"description":309,"canonical_path":66,"image":310,"width":67,"height":311,"image_alt":312,"kind":70,"patterns":313,"component_categories":326,"app":332},"61d29781-4630-432b-9e71-3af1a8691edc","Get featured today!","Feature page explaining how to upload, publish, and feature a portfolio on the Playbook Community using a step-by-step card grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61d29781-4630-432b-9e71-3af1a8691edc.png",2131,"Get featured today! from Playbook",[314,322,324],{"id":315,"label":316,"slug":317,"rank":76,"group":318},74,"Onboarding Checklist","onboarding-checklist",{"id":319,"label":320,"slug":321},7,"Onboarding & Education","onboarding-and-education",{"id":73,"label":74,"slug":75,"rank":116,"group":323},{"id":46,"label":78,"slug":79},{"id":211,"label":212,"slug":213,"rank":125,"group":325},{"id":215,"label":216,"slug":217},[327,328,329,330,331],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":193,"title":194,"slug":195},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":333},[],{"uuid":335,"title":308,"description":336,"canonical_path":66,"image":337,"width":67,"height":68,"image_alt":312,"kind":70,"patterns":338,"component_categories":347,"app":354},"6e89fd38-8a28-4f10-8ff6-00d2385daa4a","Marketing page explaining how to upload and publish a portfolio to Playbook Profile in three simple steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e89fd38-8a28-4f10-8ff6-00d2385daa4a.png",[339,341,343,345],{"id":173,"label":174,"slug":175,"rank":76,"group":340},{"id":125,"label":127,"slug":128},{"id":178,"label":179,"slug":180,"rank":116,"group":342},{"id":125,"label":127,"slug":128},{"id":315,"label":316,"slug":317,"rank":125,"group":344},{"id":319,"label":320,"slug":321},{"id":211,"label":212,"slug":213,"rank":133,"group":346},{"id":215,"label":216,"slug":217},[348,349,350,351,352,353],{"id":141,"title":142,"slug":143},{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":193,"title":194,"slug":195},{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":355},[],{"uuid":357,"title":308,"description":358,"canonical_path":66,"image":359,"width":67,"height":68,"image_alt":312,"kind":70,"patterns":360,"component_categories":365,"app":371},"5c3f8709-723c-44df-b93c-f81033358549","Detail page where the user views a high-resolution image asset with bottom zoom controls and file metadata in a right-hand side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c3f8709-723c-44df-b93c-f81033358549.png",[361,363],{"id":156,"label":157,"slug":158,"rank":76,"group":362},{"id":46,"label":78,"slug":79},{"id":178,"label":179,"slug":180,"rank":116,"group":364},{"id":125,"label":127,"slug":128},[366,370],{"id":367,"title":368,"slug":369},223,"Slider","slider",{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":372},[],{"uuid":374,"title":308,"description":375,"canonical_path":66,"image":376,"width":67,"height":68,"image_alt":312,"kind":70,"patterns":377,"component_categories":382,"app":385},"01c3481f-01ea-42c6-85b8-4bda022233c6","Detail page where the user views a full-screen image asset with zoom controls and a sidebar displaying file metadata.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01c3481f-01ea-42c6-85b8-4bda022233c6.png",[378,380],{"id":156,"label":157,"slug":158,"rank":76,"group":379},{"id":46,"label":78,"slug":79},{"id":178,"label":179,"slug":180,"rank":116,"group":381},{"id":125,"label":127,"slug":128},[383,384],{"id":367,"title":368,"slug":369},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":386},[],{"uuid":388,"title":308,"description":389,"canonical_path":66,"image":390,"width":67,"height":68,"image_alt":312,"kind":70,"patterns":391,"component_categories":394,"app":401},"8fc715ae-59a9-409b-a42d-334620428e48","Detail page where the user views a high-resolution image asset in a full-screen lightbox with zoom and gallery navigation controls.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8fc715ae-59a9-409b-a42d-334620428e48.png",[392],{"id":156,"label":157,"slug":158,"rank":76,"group":393},{"id":46,"label":78,"slug":79},[395,399,400],{"id":396,"title":397,"slug":398},277,"Button group","button-group",{"id":367,"title":368,"slug":369},{"id":98,"title":99,"slug":100},{"slug":102,"title":38,"logo":103,"categories":402},[],{"family":404,"examples":405},"components",[],{"family":407,"examples":408},"pages",[],[410,412,414,417,419,422,425],{"label":411,"to":29},"Playbook product screens",{"label":413,"to":35},"Playbook marketing pages",{"label":415,"to":416},"Playbook user flows","\u002Fexamples\u002Fapps\u002Fplaybook-hq\u002Fflows",{"label":418,"to":32},"Playbook UI components",{"label":420,"to":421},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":423,"to":424},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":426,"to":427},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"published_at":429,"updated_at":430},"2023-03-14T12:30:08.000Z","2026-09-13T13:02:39.000Z"]