[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fannouncement":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":527,"links":528,"dates":589},"\u002Fexamples\u002Ftags\u002Fannouncement","collection","screens",true,{"example_count":9,"app_count":10},1029,153,{"id":12,"title":13,"description":14},2844,"Announcement","",{"title":16,"description":17,"og_image":18},"Announcement screen examples - Nicelydone","Announcement screen design examples from SaaS apps. Browse examples from Cobot, Mighty, Midjourney.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8068e329-d50c-40e7-98a7-82bcfa987fe0.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Announcement screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1029 screens",[34,86,154,201,247,297,325,356,381,407,446,484],{"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":63,"app":72},"8068e329-d50c-40e7-98a7-82bcfa987fe0","Mainframe Billing","Loading screen for a Stripe billing portal where the user waits to manage their subscription.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens",3024,1780,"Mainframe Billing from Cobot","2025-09-15T14:01:17.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},120,"Loading","loading",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":58,"group":59},96,"Billing Settings","billing-settings",1,{"id":60,"label":61,"slug":62},10,"Settings & Admin","settings-and-admin",[64,68],{"id":65,"title":66,"slug":67},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":73,"title":74,"logo":75,"baseline":76,"categories":77},"cobot","Cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[78,82],{"id":79,"title":80,"slug":81},80,"Artificial Intelligence","artificial-intelligence",{"id":83,"title":84,"slug":85},30,"Productivity","productivity",{"uuid":87,"title":88,"description":89,"canonical_path":90,"image":91,"width":39,"height":40,"image_alt":92,"published_at":93,"kind":43,"patterns":94,"component_categories":123,"app":137},"42a758a6-59a9-4a26-9d42-e870b476c6e5","Settings | Nicelydone Club","Settings modal where the user can enable the Ambassador Program, view their trial status, and manage announcement and reward configurations.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42a758a6-59a9-4a26-9d42-e870b476c6e5.png","Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[95,100,108,114],{"id":96,"label":97,"slug":98,"rank":49,"group":99},104,"Team Management","team-management",{"id":60,"label":61,"slug":62},{"id":101,"label":102,"slug":103,"rank":58,"group":104},91,"Trial","trial",{"id":105,"label":106,"slug":107},9,"Plans & Limits","plans-and-limits",{"id":109,"label":110,"slug":111,"rank":112,"group":113},92,"Upgrade Prompt","upgrade-prompt",2,{"id":105,"label":106,"slug":107},{"id":115,"label":116,"slug":117,"rank":118,"group":119},46,"Stats","stats",3,{"id":120,"label":121,"slug":122},4,"Data & Analysis","data-and-analysis",[124,128,132,136],{"id":125,"title":126,"slug":127},168,"Accordion","accordion",{"id":129,"title":130,"slug":131},284,"Modal","modal",{"id":133,"title":134,"slug":135},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[143,147,150],{"id":144,"title":145,"slug":146},33,"E-Learning","e-learning",{"id":58,"title":148,"slug":149},"Communities","communities",{"id":151,"title":152,"slug":153},26,"Events","events",{"uuid":155,"title":156,"description":157,"canonical_path":158,"image":159,"width":39,"height":40,"image_alt":160,"published_at":161,"kind":43,"patterns":162,"component_categories":176,"app":183},"5327d0d0-4293-4a68-a7ae-b4b5c62d5031","Updates","Feed where the user reads the latest product updates, announcements, and changelog entries, with a theme switcher menu currently open.","\u002Fexamples\u002Fapps\u002Fmidjourney\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5327d0d0-4293-4a68-a7ae-b4b5c62d5031.png","Updates from Midjourney","2025-06-03T09:34:10.000Z",[163,171],{"id":164,"label":165,"slug":166,"rank":49,"group":167},79,"Browse","browse",{"id":168,"label":169,"slug":170},8,"Pages & Content","pages-and-content",{"id":172,"label":173,"slug":174,"rank":58,"group":175},48,"Timeline","timeline",{"id":120,"label":121,"slug":122},[177,181,182],{"id":178,"title":179,"slug":180},233,"Tabs","tabs",{"id":133,"title":134,"slug":135},{"id":69,"title":70,"slug":71},{"slug":184,"title":185,"logo":186,"baseline":187,"categories":188},"midjourney","Midjourney","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidjourney-2b6oxos6.png","Exploring new mediums of thought and amplifying the imaginative powers of the human species",[189,190,193,197],{"id":79,"title":80,"slug":81},{"id":168,"title":191,"slug":192},"Design","design",{"id":194,"title":195,"slug":196},38,"Art","art",{"id":198,"title":199,"slug":200},100,"Video","video",{"uuid":202,"title":203,"description":204,"canonical_path":205,"image":206,"width":39,"height":207,"image_alt":208,"published_at":209,"kind":43,"patterns":210,"component_categories":221,"app":233},"8c2e3626-8ac7-4620-902d-0dbd25761093","Settings – Record Club","Settings page where the user configures email notifications for followers, likes, comments, releases, and general announcements via a list of toggles.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c2e3626-8ac7-4620-902d-0dbd25761093.png",2406,"Settings – Record Club from Record club","2025-04-21T10:47:50.000Z",[211,216],{"id":212,"label":213,"slug":214,"rank":49,"group":215},99,"Notification Settings","notification-settings",{"id":60,"label":61,"slug":62},{"id":217,"label":218,"slug":219,"rank":58,"group":220},102,"Settings","settings",{"id":60,"label":61,"slug":62},[222,226,227,228,232],{"id":223,"title":224,"slug":225},177,"Breadcrumb","breadcrumb",{"id":65,"title":66,"slug":67},{"id":178,"title":179,"slug":180},{"id":229,"title":230,"slug":231},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"slug":234,"title":235,"logo":236,"baseline":237,"categories":238},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[239,243],{"id":240,"title":241,"slug":242},20,"Music","music",{"id":244,"title":245,"slug":246},14,"Social","social",{"uuid":248,"title":249,"description":250,"canonical_path":251,"image":252,"width":39,"height":253,"image_alt":254,"published_at":255,"kind":43,"patterns":256,"component_categories":265,"app":283},"af6b1f69-606f-4669-b9a8-544291dda3fa","Bitly for Media | Entertainment  Streamline Your Digital Presence","Marketing use case page explaining how media and entertainment brands can use Bitly's URL shortener, QR codes, and link-in-bio features to engage fans and track performance.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf6b1f69-606f-4669-b9a8-544291dda3fa.png",14830,"Bitly for Media | Entertainment  Streamline Your Digital Presence from Bitly","2025-03-31T12:38:36.000Z",[257],{"id":258,"label":259,"slug":260,"rank":49,"group":261},139,"Use Case Page","use-case-page",{"id":262,"label":263,"slug":264},15,"Marketing Page Types","marketing-page-types",[266,270,274,278,282],{"id":267,"title":268,"slug":269},232,"Testimonial","testimonial",{"id":271,"title":272,"slug":273},258,"Header","header",{"id":275,"title":276,"slug":277},174,"Card","card",{"id":279,"title":280,"slug":281},202,"Footer","footer",{"id":69,"title":70,"slug":71},{"slug":284,"title":285,"logo":286,"baseline":287,"categories":288},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[289,290,294],{"id":244,"title":245,"slug":246},{"id":291,"title":292,"slug":293},25,"Marketing","marketing",{"id":115,"title":295,"slug":296},"Analytics","analytics",{"uuid":298,"title":299,"description":300,"canonical_path":301,"image":302,"width":39,"height":303,"image_alt":304,"published_at":305,"kind":43,"patterns":306,"component_categories":312,"app":314},"749cc996-7502-4980-943c-8477d3fce8d3","Events | Lemni","Search overlay where the user types a query to find posts, comments, or specific community channels like Announcements over an events calendar.","\u002Fexamples\u002Fapps\u002Flemni\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F749cc996-7502-4980-943c-8477d3fce8d3.png",1778,"Events | Lemni from Lemni","2025-03-24T15:32:17.000Z",[307],{"id":308,"label":309,"slug":310,"rank":49,"group":311},164,"Community Page","community-page",{"id":262,"label":263,"slug":264},[313],{"id":69,"title":70,"slug":71},{"slug":315,"title":316,"logo":317,"baseline":318,"categories":319},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[320,321],{"id":79,"title":80,"slug":81},{"id":322,"title":323,"slug":324},47,"Customer Service","customer-service",{"uuid":326,"title":327,"description":328,"canonical_path":329,"image":330,"width":39,"height":331,"image_alt":332,"published_at":333,"kind":43,"patterns":334,"component_categories":340,"app":346},"096d4b88-1623-42ae-86c8-236a93bbee2d","Press | Monarch Money","Press room page providing a downloadable press kit, executive bios, and recent media mentions.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F096d4b88-1623-42ae-86c8-236a93bbee2d.png",7680,"Press | Monarch Money from Monarch","2025-03-17T14:09:52.000Z",[335],{"id":336,"label":337,"slug":338,"rank":49,"group":339},172,"Press Page","press-page",{"id":262,"label":263,"slug":264},[341,342,343,344,345],{"id":267,"title":268,"slug":269},{"id":271,"title":272,"slug":273},{"id":275,"title":276,"slug":277},{"id":279,"title":280,"slug":281},{"id":69,"title":70,"slug":71},{"slug":347,"title":348,"logo":349,"baseline":350,"categories":351},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[352],{"id":353,"title":354,"slug":355},36,"Finance","finance",{"uuid":357,"title":358,"description":359,"canonical_path":360,"image":361,"width":39,"height":303,"image_alt":362,"published_at":363,"kind":43,"patterns":364,"component_categories":367,"app":369},"f3e9109c-fd8d-46fd-b44b-1dcd12611077","Labels","Settings page where the user manages and creates custom labels to organize content within their workspace.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3e9109c-fd8d-46fd-b44b-1dcd12611077.png","Labels from Assembly","2025-03-17T13:29:41.000Z",[365],{"id":217,"label":218,"slug":219,"rank":49,"group":366},{"id":60,"label":61,"slug":62},[368],{"id":69,"title":70,"slug":71},{"slug":370,"title":371,"logo":372,"baseline":373,"categories":374},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[375,376,380],{"id":244,"title":245,"slug":246},{"id":377,"title":378,"slug":379},23,"Collaboration","collaboration",{"id":291,"title":292,"slug":293},{"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":395,"app":399},"16afdf28-a0d3-4346-80e6-866c598e4f6a","Product Updates - Leap AI","Documentation changelog page listing recent product updates like API 2.0 and Workflows 2.0 with their key features and integrations.","\u002Fexamples\u002Fapps\u002Fleap\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16afdf28-a0d3-4346-80e6-866c598e4f6a.png",2626,"Product Updates - Leap AI from Leap","2025-03-10T14:11:55.000Z",[391],{"id":69,"label":392,"slug":393,"rank":49,"group":394},"Changelog","changelog",{"id":262,"label":263,"slug":264},[396,397,398],{"id":223,"title":224,"slug":225},{"id":133,"title":134,"slug":135},{"id":69,"title":70,"slug":71},{"slug":400,"title":401,"logo":402,"baseline":403,"categories":404},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[405,406],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"uuid":408,"title":409,"description":410,"canonical_path":411,"image":412,"width":39,"height":303,"image_alt":413,"published_at":414,"kind":43,"patterns":415,"component_categories":425,"app":429},"dc09ed33-7217-415d-82b3-f23ca5c30277","Teams - Replit","List view where an empty teams section prompts the user to upgrade to the new Replit Teams plan.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc09ed33-7217-415d-82b3-f23ca5c30277.png","Teams - Replit from Replit","2025-03-10T14:11:20.000Z",[416,421,423],{"id":417,"label":418,"slug":419,"rank":49,"group":420},115,"Empty State","empty-state",{"id":51,"label":52,"slug":53},{"id":96,"label":97,"slug":98,"rank":58,"group":422},{"id":60,"label":61,"slug":62},{"id":109,"label":110,"slug":111,"rank":112,"group":424},{"id":105,"label":106,"slug":107},[426,427,428],{"id":229,"title":230,"slug":231},{"id":133,"title":134,"slug":135},{"id":69,"title":70,"slug":71},{"slug":430,"title":431,"logo":432,"baseline":433,"categories":434},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[435,436,439,443],{"id":79,"title":80,"slug":81},{"id":172,"title":437,"slug":438},"Developer Tools","developer-tools",{"id":440,"title":441,"slug":442},7,"Web Development","web-development",{"id":55,"title":444,"slug":445},"No code","no-code",{"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":458,"app":469},"54d40190-b252-44f0-90c1-f442a1903be8","Breaking changes to the Analytics endpoint | Community","Community forum post detailing breaking changes to the analytics API endpoint, including deprecated columns and instructions for migration, followed by user replies and a rich text editor for adding a new comment.","\u002Fexamples\u002Fapps\u002Ffront\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54d40190-b252-44f0-90c1-f442a1903be8.png",8554,"Breaking changes to the Analytics endpoint | Community from Front","2025-03-03T14:56:15.000Z",[456],{"id":308,"label":309,"slug":310,"rank":49,"group":457},{"id":262,"label":263,"slug":264},[459,463,464,465,466,467,468],{"id":460,"title":461,"slug":462},277,"Button group","button-group",{"id":271,"title":272,"slug":273},{"id":275,"title":276,"slug":277},{"id":279,"title":280,"slug":281},{"id":229,"title":230,"slug":231},{"id":133,"title":134,"slug":135},{"id":69,"title":70,"slug":71},{"slug":470,"title":471,"logo":472,"baseline":473,"categories":474},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[475,476,477,481],{"id":377,"title":378,"slug":379},{"id":322,"title":323,"slug":324},{"id":478,"title":479,"slug":480},82,"Communication","communication",{"id":109,"title":482,"slug":483},"Email","email",{"uuid":485,"title":486,"description":487,"canonical_path":488,"image":489,"width":39,"height":303,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":510,"app":516},"bd1bde2d-3793-401f-b1ea-052718a41945","Simple checkout | Flodesk","Form builder where a modal informs the user about an upcoming Stripe partnership for checkout payments.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd1bde2d-3793-401f-b1ea-052718a41945.png","Simple checkout | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[493,500,505],{"id":494,"label":495,"slug":496,"rank":49,"group":497},130,"Checkout","checkout",{"id":244,"label":498,"slug":499},"Payments & Checkout","payments-and-checkout",{"id":501,"label":502,"slug":503,"rank":58,"group":504},114,"Confirmation","confirmation",{"id":51,"label":52,"slug":53},{"id":506,"label":507,"slug":508,"rank":112,"group":509},119,"Info","info",{"id":51,"label":52,"slug":53},[511,512,513,514,515],{"id":129,"title":130,"slug":131},{"id":65,"title":66,"slug":67},{"id":178,"title":179,"slug":180},{"id":229,"title":230,"slug":231},{"id":69,"title":70,"slug":71},{"slug":517,"title":518,"logo":519,"baseline":520,"categories":521},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[522,526],{"id":523,"title":524,"slug":525},27,"Email Newsletters","email-newsletters",{"id":291,"title":292,"slug":293},[],[529,531,533,535,537,539,541,543,545,547,549,551,553,556,559,562,565,568,571,574,577,580,583,586],{"label":218,"to":530,"count":112},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":97,"to":532,"count":112},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":110,"to":534,"count":112},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":56,"to":536,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":165,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":495,"to":540,"count":58},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":502,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":418,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":507,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":47,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Floading",{"label":213,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":116,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":554,"to":555},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":557,"to":558},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":560,"to":561},"Midjourney design examples","\u002Fexamples\u002Fapps\u002Fmidjourney",{"label":563,"to":564},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":566,"to":567},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":569,"to":570},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":572,"to":573},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":575,"to":576},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":578,"to":579},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":581,"to":582},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":584,"to":585},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":587,"to":588},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"published_at":590,"updated_at":591},"2024-12-11T10:49:01.000Z","2026-09-05T20:19:52.460Z"]