[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fnews-article":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":488,"links":489,"dates":546},"\u002Fexamples\u002Ftags\u002Fnews-article","collection","screens",true,{"example_count":9,"app_count":10},1029,298,{"id":12,"title":13,"description":14},6064,"News article","",{"title":16,"description":17,"og_image":18},"News article screen examples - Nicelydone","News article screen design examples from SaaS apps. Browse examples from Flora, Poolside, Parallel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde1a1743-713c-4f9f-98f2-7d461d9d32e2.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"News article screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1029 screens",[34,93,113,159,198,237,281,310,349,375,403,446],{"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":54,"app":75},"de1a1743-713c-4f9f-98f2-7d461d9d32e2","FLORA Raises $6.5M to Build the World's Most Powerful Creative Tool - FLORA Blog","Article page announcing a $6.5M seed round, featuring the full text of the announcement and a grid of related blog posts at the bottom.","\u002Fexamples\u002Fapps\u002Fflora\u002Fmarketing",3024,7784,"FLORA Raises $6.5M to Build the World's Most Powerful Creative Tool - FLORA Blog from Flora","2026-05-26T09:34:20.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},78,"Article","article",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67,71],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},260,"Badge","badge",{"id":64,"title":65,"slug":66},202,"Footer","footer",{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[81,85,89],{"id":82,"title":83,"slug":84},80,"Artificial Intelligence","artificial-intelligence",{"id":86,"title":87,"slug":88},8,"Design","design",{"id":90,"title":91,"slug":92},23,"Collaboration","collaboration",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":39,"height":99,"image_alt":100,"published_at":101,"kind":43,"patterns":102,"component_categories":105,"app":106},"fabcc044-e9d0-4fcf-a121-54698ae5d1a9","Coreweave Partners with Poolside to Power AI Expansion — Poolside","News article page where the user can watch a Bloomberg Television segment about Coreweave partnering with Poolside.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffabcc044-e9d0-4fcf-a121-54698ae5d1a9.png",2732,"Coreweave Partners with Poolside to Power AI Expansion — Poolside from Poolside","2026-05-11T09:49:06.000Z",[103],{"id":46,"label":47,"slug":48,"rank":49,"group":104},{"id":51,"label":52,"slug":53},[],{"slug":107,"title":108,"logo":109,"baseline":110,"categories":111},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[112],{"id":82,"title":83,"slug":84},{"uuid":114,"title":115,"description":116,"canonical_path":117,"image":118,"width":39,"height":119,"image_alt":120,"published_at":121,"kind":43,"patterns":122,"component_categories":137,"app":144},"f6ab9463-1850-4710-aff4-a7d1c2ad5506","Parallel Platform","API playground where the user interacts with a chat model to test prompts and view formatted responses.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6ab9463-1850-4710-aff4-a7d1c2ad5506.png",1780,"Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[123,131],{"id":124,"label":125,"slug":126,"rank":49,"group":127},28,"AI Chat","ai-chat",{"id":128,"label":129,"slug":130},3,"AI","ai",{"id":132,"label":133,"slug":134,"rank":135,"group":136},27,"AI Assistant","ai-assistant",1,{"id":128,"label":129,"slug":130},[138,142,143],{"id":139,"title":140,"slug":141},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":145,"title":146,"logo":147,"baseline":148,"categories":149},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[150,151,155],{"id":82,"title":83,"slug":84},{"id":152,"title":153,"slug":154},37,"Developer APIs","developer-apis",{"id":156,"title":157,"slug":158},55,"Search engine","search-engine",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":39,"height":165,"image_alt":166,"published_at":167,"kind":43,"patterns":168,"component_categories":171,"app":180},"f5a59713-6f90-4cda-96fc-ca85e940440c","Transforming customer success teams into proactive intelligence units  Glide","Article detailing how Zoom's customer success team uses AI to transition into proactive intelligence units, featuring quotes from Shantell Payne.","\u002Fexamples\u002Fapps\u002Fglide\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5a59713-6f90-4cda-96fc-ca85e940440c.png",10896,"Transforming customer success teams into proactive intelligence units  Glide from Glide","2025-09-15T14:48:54.000Z",[169],{"id":46,"label":47,"slug":48,"rank":49,"group":170},{"id":51,"label":52,"slug":53},[172,176,177,178,179],{"id":173,"title":174,"slug":175},232,"Testimonial","testimonial",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"slug":181,"title":182,"logo":183,"baseline":184,"categories":185},"glide","Glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[186,190,194],{"id":187,"title":188,"slug":189},7,"Web Development","web-development",{"id":191,"title":192,"slug":193},54,"Mobile","mobile",{"id":195,"title":196,"slug":197},96,"No code","no-code",{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":39,"height":119,"image_alt":204,"published_at":205,"kind":43,"patterns":206,"component_categories":223,"app":227},"ee288474-2b78-4077-9c07-25baa145f602","Cobot","AI chat interface where the user views recent tool interactions in the main feed and converses with a specific news agent in a dedicated side panel.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee288474-2b78-4077-9c07-25baa145f602.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[207,209,214],{"id":124,"label":125,"slug":126,"rank":49,"group":208},{"id":128,"label":129,"slug":130},{"id":210,"label":211,"slug":212,"rank":135,"group":213},26,"AI Agent","ai-agent",{"id":128,"label":129,"slug":130},{"id":215,"label":216,"slug":217,"rank":218,"group":219},109,"Messages","messages",2,{"id":220,"label":221,"slug":222},11,"Social & Collaboration","social-and-collaboration",[224,225,226],{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":228,"title":200,"logo":229,"baseline":230,"categories":231},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[232,233],{"id":82,"title":83,"slug":84},{"id":234,"title":235,"slug":236},30,"Productivity","productivity",{"uuid":238,"title":239,"description":240,"canonical_path":241,"image":242,"width":39,"height":243,"image_alt":244,"published_at":245,"kind":43,"patterns":246,"component_categories":262,"app":274},"bc20396d-054c-4719-a3a7-c1c19672a9df","Microsoft Copilot: Your AI companion","Audio news feed where the user listens to a daily briefing with a floating playback control panel.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc20396d-054c-4719-a3a7-c1c19672a9df.png",1714,"Microsoft Copilot: Your AI companion from Copilot","2025-05-05T11:00:42.000Z",[247,255],{"id":248,"label":249,"slug":250,"rank":49,"group":251},50,"Audio Player","audio-player",{"id":252,"label":253,"slug":254},5,"Media & Tools","media-and-tools",{"id":256,"label":257,"slug":258,"rank":135,"group":259},81,"Home","home",{"id":86,"label":260,"slug":261},"Pages & Content","pages-and-content",[263,267,271,272,273],{"id":264,"title":265,"slug":266},223,"Slider","slider",{"id":268,"title":269,"slug":270},277,"Button group","button-group",{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":275,"title":276,"logo":277,"baseline":278,"categories":279},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[280],{"id":82,"title":83,"slug":84},{"uuid":282,"title":283,"description":284,"canonical_path":285,"image":286,"width":39,"height":287,"image_alt":288,"published_at":289,"kind":43,"patterns":290,"component_categories":293,"app":303},"bcfcac82-3df9-4d2f-a16f-3de51e98595e","Grok 3 Beta — The Age of Reasoning Agents | xAI","News article announcing the Grok 3 Beta release, featuring benchmark comparisons, reasoning capabilities, and a showcase of the DeepSearch agent.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcfcac82-3df9-4d2f-a16f-3de51e98595e.png",19118,"Grok 3 Beta — The Age of Reasoning Agents | xAI from Grok","2025-04-14T08:55:44.000Z",[291],{"id":46,"label":47,"slug":48,"rank":49,"group":292},{"id":51,"label":52,"slug":53},[294,298,299,300,301,302],{"id":295,"title":296,"slug":297},233,"Tabs","tabs",{"id":139,"title":140,"slug":141},{"id":56,"title":57,"slug":58},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":304,"title":305,"logo":306,"baseline":307,"categories":308},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[309],{"id":82,"title":83,"slug":84},{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":39,"height":316,"image_alt":317,"published_at":318,"kind":43,"patterns":319,"component_categories":325,"app":331},"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",[320],{"id":321,"label":322,"slug":323,"rank":49,"group":324},160,"Testimonials","testimonials",{"id":51,"label":52,"slug":53},[326,327,328,329,330],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":332,"title":333,"logo":334,"baseline":335,"categories":336},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[337,341,345],{"id":338,"title":339,"slug":340},14,"Social","social",{"id":342,"title":343,"slug":344},25,"Marketing","marketing",{"id":346,"title":347,"slug":348},46,"Analytics","analytics",{"uuid":350,"title":351,"description":352,"canonical_path":353,"image":354,"width":39,"height":355,"image_alt":356,"published_at":357,"kind":43,"patterns":358,"component_categories":361,"app":366},"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",[359],{"id":321,"label":322,"slug":323,"rank":49,"group":360},{"id":51,"label":52,"slug":53},[362,363,364,365],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":367,"title":368,"logo":369,"baseline":370,"categories":371},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[372,373,374],{"id":338,"title":339,"slug":340},{"id":90,"title":91,"slug":92},{"id":342,"title":343,"slug":344},{"uuid":376,"title":377,"description":378,"canonical_path":379,"image":380,"width":39,"height":381,"image_alt":382,"published_at":383,"kind":43,"patterns":384,"component_categories":387,"app":393},"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",[385],{"id":46,"label":47,"slug":48,"rank":49,"group":386},{"id":51,"label":52,"slug":53},[388,389,390,391,392],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":394,"title":395,"logo":396,"baseline":397,"categories":398},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[399],{"id":400,"title":401,"slug":402},71,"File sharing","file-sharing",{"uuid":404,"title":405,"description":406,"canonical_path":407,"image":408,"width":39,"height":409,"image_alt":410,"published_at":411,"kind":43,"patterns":412,"component_categories":428,"app":436},"505dd33d-85cf-4c01-866b-ab172f527c9c","Simple link in bio | Flodesk","Design editor where the user is building a link-in-bio page with link cards, a bio section, and social icons.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F505dd33d-85cf-4c01-866b-ab172f527c9c.png",1778,"Simple link in bio | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[413,417,423],{"id":156,"label":414,"slug":415,"rank":49,"group":416},"Design Editor","design-editor",{"id":252,"label":253,"slug":254},{"id":342,"label":418,"slug":419,"rank":135,"group":420},"Upload & Download","upload-and-download",{"id":218,"label":421,"slug":422},"Actions","actions",{"id":424,"label":425,"slug":426,"rank":218,"group":427},24,"Share","share",{"id":218,"label":421,"slug":422},[429,433,434,435],{"id":430,"title":431,"slug":432},240,"Horizontal navigation","horizontal-navigation",{"id":295,"title":296,"slug":297},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":437,"title":438,"logo":439,"baseline":440,"categories":441},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[442,445],{"id":132,"title":443,"slug":444},"Email Newsletters","email-newsletters",{"id":342,"title":343,"slug":344},{"uuid":447,"title":448,"description":449,"canonical_path":450,"image":451,"width":39,"height":452,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":463,"app":470},"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",[456,458],{"id":46,"label":47,"slug":48,"rank":49,"group":457},{"id":51,"label":52,"slug":53},{"id":459,"label":460,"slug":461,"rank":135,"group":462},82,"Media Detail","media-detail",{"id":86,"label":260,"slug":261},[464,468,469],{"id":465,"title":466,"slug":467},177,"Breadcrumb","breadcrumb",{"id":268,"title":269,"slug":270},{"id":72,"title":73,"slug":74},{"slug":471,"title":472,"logo":473,"baseline":474,"categories":475},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[476,480,483,484],{"id":477,"title":478,"slug":479},32,"Education","education",{"id":135,"title":481,"slug":482},"Communities","communities",{"id":132,"title":443,"slug":444},{"id":485,"title":486,"slug":487},33,"E-Learning","e-learning",[],[490,492,494,496,498,500,502,504,506,508,510,513,516,519,522,525,528,531,534,537,540,543],{"label":125,"to":491,"count":218},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":211,"to":493,"count":135},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":133,"to":495,"count":135},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":249,"to":497,"count":135},"\u002Fexamples\u002Fscreens\u002Faudio-player",{"label":414,"to":499,"count":135},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":257,"to":501,"count":135},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":460,"to":503,"count":135},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":216,"to":505,"count":135},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":425,"to":507,"count":135},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":418,"to":509,"count":135},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":511,"to":512},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":514,"to":515},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":517,"to":518},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":520,"to":521},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"label":523,"to":524},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":526,"to":527},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":529,"to":530},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":532,"to":533},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":535,"to":536},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":538,"to":539},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":541,"to":542},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":544,"to":545},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"published_at":547,"updated_at":548},"2024-12-11T14:40:56.000Z","2026-09-05T20:19:43.410Z"]