[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ffeature-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":490,"links":491,"dates":538},"\u002Fexamples\u002Ftags\u002Ffeature-article","collection","screens",true,{"example_count":9,"app_count":10},1007,290,{"id":12,"title":13,"description":14},207685,"Feature article","",{"title":16,"description":17,"og_image":18},"Feature article screen examples - Nicelydone","Feature article screen design examples from SaaS apps. Browse examples from Grok, Bitly, Assembly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcfcac82-3df9-4d2f-a16f-3de51e98595e.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Feature article screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1007 screens",[34,89,131,160,188,238,286,316,354,388,418,453],{"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":79},"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",3024,19118,"Grok 3 Beta — The Age of Reasoning Agents | xAI from Grok","2025-04-14T08:55:44.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,75],{"id":56,"title":57,"slug":58},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},202,"Footer","footer",{"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":104,"app":113},"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":51,"label":52,"slug":53},[105,109,110,111,112],{"id":106,"title":107,"slug":108},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":114,"title":115,"logo":116,"baseline":117,"categories":118},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[119,123,127],{"id":120,"title":121,"slug":122},14,"Social","social",{"id":124,"title":125,"slug":126},25,"Marketing","marketing",{"id":128,"title":129,"slug":130},46,"Analytics","analytics",{"uuid":132,"title":133,"description":134,"canonical_path":135,"image":136,"width":39,"height":137,"image_alt":138,"published_at":139,"kind":43,"patterns":140,"component_categories":143,"app":148},"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",[141],{"id":100,"label":101,"slug":102,"rank":49,"group":142},{"id":51,"label":52,"slug":53},[144,145,146,147],{"id":106,"title":107,"slug":108},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":149,"title":150,"logo":151,"baseline":152,"categories":153},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[154,155,159],{"id":120,"title":121,"slug":122},{"id":156,"title":157,"slug":158},23,"Collaboration","collaboration",{"id":124,"title":125,"slug":126},{"uuid":161,"title":162,"description":163,"canonical_path":164,"image":165,"width":39,"height":166,"image_alt":167,"published_at":168,"kind":43,"patterns":169,"component_categories":172,"app":178},"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",[170],{"id":46,"label":47,"slug":48,"rank":49,"group":171},{"id":51,"label":52,"slug":53},[173,174,175,176,177],{"id":106,"title":107,"slug":108},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":179,"title":180,"logo":181,"baseline":182,"categories":183},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[184],{"id":185,"title":186,"slug":187},71,"File sharing","file-sharing",{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":39,"height":194,"image_alt":195,"published_at":196,"kind":43,"patterns":197,"component_categories":219,"app":227},"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",[198,206,214],{"id":199,"label":200,"slug":201,"rank":49,"group":202},55,"Design Editor","design-editor",{"id":203,"label":204,"slug":205},5,"Media & Tools","media-and-tools",{"id":124,"label":207,"slug":208,"rank":209,"group":210},"Upload & Download","upload-and-download",1,{"id":211,"label":212,"slug":213},2,"Actions","actions",{"id":215,"label":216,"slug":217,"rank":211,"group":218},24,"Share","share",{"id":211,"label":212,"slug":213},[220,224,225,226],{"id":221,"title":222,"slug":223},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":228,"title":229,"logo":230,"baseline":231,"categories":232},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[233,237],{"id":234,"title":235,"slug":236},27,"Email Newsletters","email-newsletters",{"id":124,"title":125,"slug":126},{"uuid":239,"title":240,"description":241,"canonical_path":242,"image":243,"width":39,"height":244,"image_alt":245,"published_at":246,"kind":43,"patterns":247,"component_categories":258,"app":268},"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",[248,250],{"id":46,"label":47,"slug":48,"rank":49,"group":249},{"id":51,"label":52,"slug":53},{"id":251,"label":252,"slug":253,"rank":209,"group":254},82,"Media Detail","media-detail",{"id":255,"label":256,"slug":257},8,"Pages & Content","pages-and-content",[259,263,267],{"id":260,"title":261,"slug":262},177,"Breadcrumb","breadcrumb",{"id":264,"title":265,"slug":266},277,"Button group","button-group",{"id":76,"title":77,"slug":78},{"slug":269,"title":270,"logo":271,"baseline":272,"categories":273},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[274,278,281,282],{"id":275,"title":276,"slug":277},32,"Education","education",{"id":209,"title":279,"slug":280},"Communities","communities",{"id":234,"title":235,"slug":236},{"id":283,"title":284,"slug":285},33,"E-Learning","e-learning",{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":39,"height":292,"image_alt":293,"published_at":294,"kind":43,"patterns":295,"component_categories":298,"app":308},"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",[296],{"id":100,"label":101,"slug":102,"rank":49,"group":297},{"id":51,"label":52,"slug":53},[299,303,304,305,306,307],{"id":300,"title":301,"slug":302},232,"Testimonial","testimonial",{"id":106,"title":107,"slug":108},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":309,"title":310,"logo":311,"baseline":312,"categories":313},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[314,315],{"id":124,"title":125,"slug":126},{"id":128,"title":129,"slug":130},{"uuid":317,"title":318,"description":319,"canonical_path":320,"image":321,"width":39,"height":322,"image_alt":323,"published_at":324,"kind":43,"patterns":325,"component_categories":331,"app":335},"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",[326],{"id":327,"label":328,"slug":329,"rank":49,"group":330},150,"Blog Index","blog-index",{"id":51,"label":52,"slug":53},[332,333,334],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[341,342,346,350],{"id":86,"title":87,"slug":88},{"id":343,"title":344,"slug":345},29,"Task Management","task-management",{"id":347,"title":348,"slug":349},30,"Productivity","productivity",{"id":351,"title":352,"slug":353},101,"Calendar","calendar",{"uuid":355,"title":356,"description":357,"canonical_path":358,"image":359,"width":39,"height":360,"image_alt":361,"published_at":362,"kind":43,"patterns":363,"component_categories":369,"app":374},"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",[364],{"id":365,"label":366,"slug":367,"rank":49,"group":368},152,"Guide","guide",{"id":51,"label":52,"slug":53},[370,371,372,373],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":375,"title":376,"logo":377,"baseline":378,"categories":379},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[380,384,387],{"id":381,"title":382,"slug":383},73,"Architecture","architecture",{"id":255,"title":385,"slug":386},"Design","design",{"id":156,"title":157,"slug":158},{"uuid":389,"title":390,"description":391,"canonical_path":392,"image":393,"width":39,"height":394,"image_alt":395,"published_at":396,"kind":43,"patterns":397,"component_categories":403,"app":408},"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",[398],{"id":399,"label":400,"slug":401,"rank":49,"group":402},151,"Resource Hub","resource-hub",{"id":51,"label":52,"slug":53},[404,405,406,407],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":409,"title":410,"logo":411,"baseline":412,"categories":413},"secfi","Secfi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsecfi-680f7b1f.png","The leading financial advisor for tech people",[414],{"id":415,"title":416,"slug":417},36,"Finance","finance",{"uuid":419,"title":420,"description":421,"canonical_path":422,"image":423,"width":39,"height":424,"image_alt":425,"published_at":426,"kind":43,"patterns":427,"component_categories":430,"app":441},"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",[428],{"id":46,"label":47,"slug":48,"rank":49,"group":429},{"id":51,"label":52,"slug":53},[431,435,436,437,438,439,440],{"id":432,"title":433,"slug":434},168,"Accordion","accordion",{"id":260,"title":261,"slug":262},{"id":264,"title":265,"slug":266},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":106,"title":107,"slug":108},{"id":76,"title":77,"slug":78},{"slug":442,"title":443,"logo":444,"baseline":445,"categories":446},"macaw","Macaw","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmacaw-l2yg9kds.png","Generate AI content that humans love to read",[447,448,452],{"id":124,"title":125,"slug":126},{"id":449,"title":450,"slug":451},59,"Writing tools","writing-tools",{"id":86,"title":87,"slug":88},{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":459,"image_alt":460,"published_at":461,"kind":43,"patterns":462,"component_categories":475,"app":479},"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",[463,465,473],{"id":46,"label":47,"slug":48,"rank":49,"group":464},{"id":51,"label":52,"slug":53},{"id":466,"label":467,"slug":468,"rank":209,"group":469},106,"Comments","comments",{"id":470,"label":471,"slug":472},11,"Social & Collaboration","social-and-collaboration",{"id":251,"label":252,"slug":253,"rank":211,"group":474},{"id":255,"label":256,"slug":257},[476,477,478],{"id":56,"title":57,"slug":58},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":480,"title":481,"logo":482,"baseline":483,"categories":484},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[485,486,487,488,489],{"id":275,"title":276,"slug":277},{"id":124,"title":125,"slug":126},{"id":209,"title":279,"slug":280},{"id":234,"title":235,"slug":236},{"id":283,"title":284,"slug":285},[],[492,494,496,498,500,502,505,508,511,514,517,520,523,526,529,532,535],{"label":252,"to":493,"count":211},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":467,"to":495,"count":209},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":200,"to":497,"count":209},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":216,"to":499,"count":209},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":207,"to":501,"count":209},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":503,"to":504},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":506,"to":507},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":509,"to":510},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":512,"to":513},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":515,"to":516},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":518,"to":519},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":521,"to":522},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":524,"to":525},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":527,"to":528},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":530,"to":531},"Secfi design examples","\u002Fexamples\u002Fapps\u002Fsecfi",{"label":533,"to":534},"Macaw design examples","\u002Fexamples\u002Fapps\u002Fmacaw",{"label":536,"to":537},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"published_at":539,"updated_at":540},"2025-01-26T18:18:08.000Z","2026-09-05T20:19:43.410Z"]