[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Feditorial":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":513,"links":514,"dates":569},"\u002Fexamples\u002Ftags\u002Feditorial","collection","screens",true,{"example_count":9,"app_count":10},1008,246,{"id":12,"title":13,"description":14},1377,"Editorial","",{"title":16,"description":17,"og_image":18},"Editorial screen examples - Nicelydone","Editorial screen design examples from SaaS apps. Browse examples from Grok, Bitly, Assembly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5b9ff60-fe71-41f2-be86-a44f837eea2c.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Editorial screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1008 screens",[34,89,143,172,203,270,314,344,381,415,445,477],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":66,"app":79},"c5b9ff60-fe71-41f2-be86-a44f837eea2c","New conversation - Grok","AI chat interface where the user reads a detailed response about marathon running shoes and can adjust search depth or reasoning models before asking a follow-up question.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens",3024,1714,"New conversation - Grok from Grok","2025-04-14T08:55:44.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},28,"AI Chat","ai-chat",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},33,"AI Settings","ai-settings",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},30,"AI Generation","ai-generation",2,{"id":51,"label":52,"slug":53},[67,71,75],{"id":68,"title":69,"slug":70},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[85],{"id":86,"title":87,"slug":88},80,"Artificial Intelligence","artificial-intelligence",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":39,"height":95,"image_alt":96,"published_at":97,"kind":43,"patterns":98,"component_categories":107,"app":125},"d11cffff-9a39-4c91-a199-810fe7ab8b70","University of Edinburgh Professes Digital Literacy with Branded Links","Case study detail page where the user can read a summary of the University of Edinburgh's success and download the full story.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd11cffff-9a39-4c91-a199-810fe7ab8b70.png",6970,"University of Edinburgh Professes Digital Literacy with Branded Links from Bitly","2025-03-31T12:38:36.000Z",[99],{"id":100,"label":101,"slug":102,"rank":49,"group":103},160,"Testimonials","testimonials",{"id":104,"label":105,"slug":106},15,"Marketing Page Types","marketing-page-types",[108,112,116,120,124],{"id":109,"title":110,"slug":111},260,"Badge","badge",{"id":113,"title":114,"slug":115},174,"Card","card",{"id":117,"title":118,"slug":119},258,"Header","header",{"id":121,"title":122,"slug":123},202,"Footer","footer",{"id":76,"title":77,"slug":78},{"slug":126,"title":127,"logo":128,"baseline":129,"categories":130},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[131,135,139],{"id":132,"title":133,"slug":134},14,"Social","social",{"id":136,"title":137,"slug":138},25,"Marketing","marketing",{"id":140,"title":141,"slug":142},46,"Analytics","analytics",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":149,"image_alt":150,"published_at":151,"kind":43,"patterns":152,"component_categories":155,"app":160},"c5715808-5387-4849-9c60-d19390a360ed","Case Studies","Marketing page where the user browses a two-column grid of customer case studies featuring companies like Replo, Causal, and Arrows.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5715808-5387-4849-9c60-d19390a360ed.png",6126,"Case Studies from Assembly","2025-03-17T13:29:41.000Z",[153],{"id":100,"label":101,"slug":102,"rank":49,"group":154},{"id":104,"label":105,"slug":106},[156,157,158,159],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"slug":161,"title":162,"logo":163,"baseline":164,"categories":165},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[166,167,171],{"id":132,"title":133,"slug":134},{"id":168,"title":169,"slug":170},23,"Collaboration","collaboration",{"id":136,"title":137,"slug":138},{"uuid":173,"title":174,"description":175,"canonical_path":176,"image":177,"width":39,"height":178,"image_alt":179,"published_at":180,"kind":43,"patterns":181,"component_categories":187,"app":193},"3faf607f-f58d-459a-b87d-b0f825101061","WePresent | Inside Rhea Mack’s illustrated world of “weirdos”","Article page where the user reads an interview with illustrator Rhea Mack, views her artwork, and can subscribe to the monthly newsletter.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3faf607f-f58d-459a-b87d-b0f825101061.png",23982,"WePresent | Inside Rhea Mack’s illustrated world of “weirdos” from WeTransfer","2025-02-24T16:12:09.000Z",[182],{"id":183,"label":184,"slug":185,"rank":49,"group":186},78,"Article","article",{"id":104,"label":105,"slug":106},[188,189,190,191,192],{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"id":76,"title":77,"slug":78},{"slug":194,"title":195,"logo":196,"baseline":197,"categories":198},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[199],{"id":200,"title":201,"slug":202},71,"File sharing","file-sharing",{"uuid":204,"title":205,"description":206,"canonical_path":207,"image":208,"width":39,"height":209,"image_alt":210,"published_at":211,"kind":43,"patterns":212,"component_categories":241,"app":259},"2c88259b-1983-472e-8e36-740197127530","Simple link in bio | Flodesk","Design editor where the user is customizing a block's title, spacing, and padding for a newsletter signup form.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c88259b-1983-472e-8e36-740197127530.png",1778,"Simple link in bio | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[213,221,228,236],{"id":214,"label":215,"slug":216,"rank":49,"group":217},55,"Design Editor","design-editor",{"id":218,"label":219,"slug":220},5,"Media & Tools","media-and-tools",{"id":222,"label":223,"slug":224,"rank":58,"group":225},11,"Edit","edit",{"id":64,"label":226,"slug":227},"Actions","actions",{"id":229,"label":230,"slug":231,"rank":64,"group":232},42,"Form","form",{"id":233,"label":234,"slug":235},4,"Data & Analysis","data-and-analysis",{"id":237,"label":238,"slug":239,"rank":51,"group":240},24,"Share","share",{"id":64,"label":226,"slug":227},[242,246,247,251,255],{"id":243,"title":244,"slug":245},223,"Slider","slider",{"id":68,"title":69,"slug":70},{"id":248,"title":249,"slug":250},168,"Accordion","accordion",{"id":252,"title":253,"slug":254},233,"Tabs","tabs",{"id":256,"title":257,"slug":258},277,"Button group","button-group",{"slug":260,"title":261,"logo":262,"baseline":263,"categories":264},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[265,269],{"id":266,"title":267,"slug":268},27,"Email Newsletters","email-newsletters",{"id":136,"title":137,"slug":138},{"uuid":271,"title":272,"description":273,"canonical_path":274,"image":275,"width":39,"height":276,"image_alt":277,"published_at":278,"kind":43,"patterns":279,"component_categories":290,"app":297},"7bfb3fc7-83f6-44cd-9041-11c16f432d92","What is Design","Detail page where a user reads the 'What is Design?' lesson content, featuring learning objectives, historical context, and an assignment preview.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bfb3fc7-83f6-44cd-9041-11c16f432d92.png",9454,"What is Design from Podia","2025-02-17T15:29:05.000Z",[280,282],{"id":183,"label":184,"slug":185,"rank":49,"group":281},{"id":104,"label":105,"slug":106},{"id":283,"label":284,"slug":285,"rank":58,"group":286},82,"Media Detail","media-detail",{"id":287,"label":288,"slug":289},8,"Pages & Content","pages-and-content",[291,295,296],{"id":292,"title":293,"slug":294},177,"Breadcrumb","breadcrumb",{"id":256,"title":257,"slug":258},{"id":76,"title":77,"slug":78},{"slug":298,"title":299,"logo":300,"baseline":301,"categories":302},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[303,307,310,311],{"id":304,"title":305,"slug":306},32,"Education","education",{"id":58,"title":308,"slug":309},"Communities","communities",{"id":266,"title":267,"slug":268},{"id":55,"title":312,"slug":313},"E-Learning","e-learning",{"uuid":315,"title":316,"description":317,"canonical_path":318,"image":319,"width":39,"height":320,"image_alt":321,"published_at":322,"kind":43,"patterns":323,"component_categories":326,"app":336},"a5328a4b-ba94-406e-8faf-ad0cad06309d","Raycast Adds Link Sharing with Dub | Dub.co","Customer story detailing how Raycast used Dub's link infrastructure to add link-sharing features and analytics, featuring quotes, code snippets, and company metadata.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5328a4b-ba94-406e-8faf-ad0cad06309d.png",14302,"Raycast Adds Link Sharing with Dub | Dub.co from Dub","2025-02-17T13:43:13.000Z",[324],{"id":100,"label":101,"slug":102,"rank":49,"group":325},{"id":104,"label":105,"slug":106},[327,331,332,333,334,335],{"id":328,"title":329,"slug":330},232,"Testimonial","testimonial",{"id":109,"title":110,"slug":111},{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"id":76,"title":77,"slug":78},{"slug":337,"title":338,"logo":339,"baseline":340,"categories":341},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[342,343],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"uuid":345,"title":346,"description":347,"canonical_path":348,"image":349,"width":39,"height":350,"image_alt":351,"published_at":352,"kind":43,"patterns":353,"component_categories":359,"app":363},"3f7ae270-383a-494c-b8bf-db32e468db9e","Motion Main Site","Blog index page displaying a grid of articles categorized under Daily Planner, alongside a sidebar for navigating other blog topics.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f7ae270-383a-494c-b8bf-db32e468db9e.png",8742,"Motion Main Site from Motion","2025-02-10T16:08:17.000Z",[354],{"id":355,"label":356,"slug":357,"rank":49,"group":358},150,"Blog Index","blog-index",{"id":104,"label":105,"slug":106},[360,361,362],{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"slug":364,"title":365,"logo":366,"baseline":367,"categories":368},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[369,370,374,377],{"id":86,"title":87,"slug":88},{"id":371,"title":372,"slug":373},29,"Task Management","task-management",{"id":61,"title":375,"slug":376},"Productivity","productivity",{"id":378,"title":379,"slug":380},101,"Calendar","calendar",{"uuid":382,"title":383,"description":384,"canonical_path":385,"image":386,"width":39,"height":387,"image_alt":388,"published_at":389,"kind":43,"patterns":390,"component_categories":396,"app":401},"86f50ee5-4a6e-4ce4-87f4-807914949d00","Open Space Office | Space Planning Guide  Rayon","Educational guide detailing dimensions and layout rules for open space offices, featuring architectural diagrams that can be opened directly in the Rayon app.","\u002Fexamples\u002Fapps\u002Frayon\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86f50ee5-4a6e-4ce4-87f4-807914949d00.png",12210,"Open Space Office | Space Planning Guide  Rayon from Rayon","2025-02-03T14:11:02.000Z",[391],{"id":392,"label":393,"slug":394,"rank":49,"group":395},152,"Guide","guide",{"id":104,"label":105,"slug":106},[397,398,399,400],{"id":252,"title":253,"slug":254},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"id":76,"title":77,"slug":78},{"slug":402,"title":403,"logo":404,"baseline":405,"categories":406},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[407,411,414],{"id":408,"title":409,"slug":410},73,"Architecture","architecture",{"id":287,"title":412,"slug":413},"Design","design",{"id":168,"title":169,"slug":170},{"uuid":416,"title":417,"description":418,"canonical_path":419,"image":420,"width":39,"height":421,"image_alt":422,"published_at":423,"kind":43,"patterns":424,"component_categories":430,"app":435},"a3f5c7be-1726-4f9c-a1f7-f6e6df369731","Equity explained — Secfi","Knowledge center where the user can browse educational articles about equity and stock options, or search for specific company case studies.","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3f5c7be-1726-4f9c-a1f7-f6e6df369731.png",10430,"Equity explained — Secfi from Secfi","2025-02-03T13:08:50.000Z",[425],{"id":426,"label":427,"slug":428,"rank":49,"group":429},151,"Resource Hub","resource-hub",{"id":104,"label":105,"slug":106},[431,432,433,434],{"id":113,"title":114,"slug":115},{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"id":76,"title":77,"slug":78},{"slug":436,"title":437,"logo":438,"baseline":439,"categories":440},"secfi","Secfi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsecfi-680f7b1f.png","The leading financial advisor for tech people",[441],{"id":442,"title":443,"slug":444},36,"Finance","finance",{"uuid":446,"title":447,"description":448,"canonical_path":449,"image":450,"width":39,"height":451,"image_alt":452,"published_at":453,"kind":43,"patterns":454,"component_categories":457,"app":465},"f4e07d5a-01ab-47d6-a66e-513d53371f43","Popular 3D Design and Realism in 2024 | Macaw","Content editor where the user writes and formats an SEO article about 3D design trends, featuring a right panel for metadata, grading, and publishing actions.","\u002Fexamples\u002Fapps\u002Fmacaw\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4e07d5a-01ab-47d6-a66e-513d53371f43.png",9100,"Popular 3D Design and Realism in 2024 | Macaw from Macaw","2025-01-28T12:48:11.000Z",[455],{"id":183,"label":184,"slug":185,"rank":49,"group":456},{"id":104,"label":105,"slug":106},[458,459,460,461,462,463,464],{"id":292,"title":293,"slug":294},{"id":248,"title":249,"slug":250},{"id":252,"title":253,"slug":254},{"id":72,"title":73,"slug":74},{"id":256,"title":257,"slug":258},{"id":109,"title":110,"slug":111},{"id":76,"title":77,"slug":78},{"slug":466,"title":467,"logo":468,"baseline":469,"categories":470},"macaw","Macaw","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmacaw-l2yg9kds.png","Generate AI content that humans love to read",[471,472,476],{"id":136,"title":137,"slug":138},{"id":473,"title":474,"slug":475},59,"Writing tools","writing-tools",{"id":86,"title":87,"slug":88},{"uuid":478,"title":479,"description":480,"canonical_path":481,"image":482,"width":39,"height":483,"image_alt":484,"published_at":485,"kind":43,"patterns":486,"component_categories":498,"app":502},"6399b45e-ae68-4280-8203-af40aff8175e","Laura Owenss First Site","Article page where the user reads a newsletter post about design trends, with options to leave a comment or subscribe to the digest.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6399b45e-ae68-4280-8203-af40aff8175e.png",4106,"Laura Owenss First Site from Kajabi","2025-01-27T19:31:18.000Z",[487,489,496],{"id":183,"label":184,"slug":185,"rank":49,"group":488},{"id":104,"label":105,"slug":106},{"id":490,"label":491,"slug":492,"rank":58,"group":493},106,"Comments","comments",{"id":222,"label":494,"slug":495},"Social & Collaboration","social-and-collaboration",{"id":283,"label":284,"slug":285,"rank":64,"group":497},{"id":287,"label":288,"slug":289},[499,500,501],{"id":72,"title":73,"slug":74},{"id":121,"title":122,"slug":123},{"id":76,"title":77,"slug":78},{"slug":503,"title":504,"logo":505,"baseline":506,"categories":507},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[508,509,510,511,512],{"id":304,"title":305,"slug":306},{"id":136,"title":137,"slug":138},{"id":58,"title":308,"slug":309},{"id":266,"title":267,"slug":268},{"id":55,"title":312,"slug":313},[],[515,517,519,521,523,525,527,529,531,533,536,539,542,545,548,551,554,557,560,563,566],{"label":284,"to":516,"count":64},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":47,"to":518,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":62,"to":520,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":56,"to":522,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":491,"to":524,"count":58},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":215,"to":526,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":223,"to":528,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":230,"to":530,"count":58},"\u002Fexamples\u002Fscreens\u002Fform",{"label":238,"to":532,"count":58},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":534,"to":535},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":537,"to":538},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":540,"to":541},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":543,"to":544},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":546,"to":547},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":549,"to":550},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":552,"to":553},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":555,"to":556},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":558,"to":559},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":561,"to":562},"Secfi design examples","\u002Fexamples\u002Fapps\u002Fsecfi",{"label":564,"to":565},"Macaw design examples","\u002Fexamples\u002Fapps\u002Fmacaw",{"label":567,"to":568},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"published_at":570,"updated_at":571},"2024-12-11T10:14:03.000Z","2026-09-05T20:19:43.410Z"]