[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fcf88cb5a-348d-422f-8f97-bee04d627cba":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":89,"links":90,"dates":97},"\u002Fexamples\u002Fscreens\u002Fcf88cb5a-348d-422f-8f97-bee04d627cba","detail","pages",true,{"title":9,"description":10,"og_image":11},"Appwrite - Build faster and scale bigger than ever - Nicelydone","Screen UI design example from Appwrite. it includes a dark-themed, multi-section marketing page. The top features a horizontal navigation bar with a logo,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf88cb5a-348d-422f-8f97-bee04d627cba.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Appwrite - Build faster and scale bigger than ever",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Appwrite. it includes a dark-themed, multi-section marketing page. The top features a horizontal navigation bar with a logo, product links, and call-to-action buttons. A prominent hero section showcases a large headline and a product description, followed by primary action buttons. The page is structured into distinct sections, each detailing specific product features like backend services, AI integration, security, and global network capabilities. These sections combine textual descriptions with abstract illustrations, stylized graphs, code snippets, and UI mockups. Client logos and developer testimonials provide social proof. A pricing section presents different plans, and the page concludes with a comprehensive footer listing various links. Typography uses a sans-serif font, with large, bold headings for hierarchy and smaller text for details. The color palette is predominantly dark grey and black, with vibrant pink accents for interactive elements and highlights.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":46,"app":71},"cf88cb5a-348d-422f-8f97-bee04d627cba","it includes a dark-themed, multi-section marketing page. The top features a horizontal navigation bar with a logo, product links, and call-to-action buttons. A prominent hero section showcases a large headline and a product description, followed by primary action buttons. The page is structured into distinct sections, each detailing specific product features like backend services, AI integration, security, and global network capabilities. These sections combine textual descriptions with abstract illustrations, stylized graphs, code snippets, and UI mockups. Client logos and developer testimonials provide social proof. A pricing section presents different plans, and the page concludes with a comprehensive footer listing various links. Typography uses a sans-serif font, with large, bold headings for hierarchy and smaller text for details. The color palette is predominantly dark grey and black, with vibrant pink accents for interactive elements and highlights.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",3024,19758,"Appwrite - Build faster and scale bigger than ever from Appwrite","2026-07-07T08:00:53.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},136,"Landing Page","landing-page",0,{"id":43,"label":44,"slug":45},15,"Marketing Page Types","marketing-page-types",[47,51,55,59,63,67],{"id":48,"title":49,"slug":50},258,"Header","header",{"id":52,"title":53,"slug":54},277,"Button group","button-group",{"id":56,"title":57,"slug":58},233,"Tabs","tabs",{"id":60,"title":61,"slug":62},298,"Bento box","bento-grid",{"id":64,"title":65,"slug":66},232,"Testimonial","testimonial",{"id":68,"title":69,"slug":70},202,"Footer","footer",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[77,81,85],{"id":78,"title":79,"slug":80},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},37,"Developer APIs","developer-apis",{"id":86,"title":87,"slug":88},45,"Open Source","open-source",[],[91,93,95],{"label":39,"to":92},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":94,"to":30},"Appwrite screen designs",{"label":96,"to":18},"All screen examples",{"published_at":98,"updated_at":99},"2026-07-07T07:01:46.000Z","2026-07-07T08:01:55.928Z"]