[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F1a3d2cda-11cb-4fa5-9bd2-0dda5a08ffc9":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\u002F1a3d2cda-11cb-4fa5-9bd2-0dda5a08ffc9","detail","pages",true,{"title":9,"description":10,"og_image":11},"Appwrite Storage - Appwrite - Nicelydone","Screen UI design example from Appwrite. it includes a dark-themed layout with a horizontal navigation header at the top, a prominent hero section…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a3d2cda-11cb-4fa5-9bd2-0dda5a08ffc9.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Appwrite Storage - Appwrite",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Appwrite. it includes a dark-themed layout with a horizontal navigation header at the top, a prominent hero section introducing 'Storage for every file' with a large title and descriptive text, accompanied by call-to-action buttons. Below this, multiple sections are vertically stacked, each highlighting a specific product feature like 'Serve the right image' or 'Fast uploads', often presenting content in a two-column layout with text on one side and illustrative UI examples, code blocks, or stylized graphics on the other. These sections use various visual elements such as file lists with thumbnails, toggle switches, checkboxes, and input fields within simulated dashboard interfaces. Further down, there's a section on 'What you can do with Storage APIs' including code examples, 'Powered by open source' with benefit cards, a 'Keep exploring our products' grid of cards, and an 'Our plans' section detailing pricing with 'Get started' and 'Start project' buttons. The entire page uses a consistent color palette of dark greys and black for backgrounds, white and light grey for text, and a vibrant pink\u002Fpurple for interactive elements and accents. Typography is sans-serif, with clear hierarchy established through varying font sizes and weights for titles, subtitles, and body text. The page concludes with a comprehensive footer containing multiple navigation links and social media icons.",[],[],[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},"1a3d2cda-11cb-4fa5-9bd2-0dda5a08ffc9","it includes a dark-themed layout with a horizontal navigation header at the top, a prominent hero section introducing 'Storage for every file' with a large title and descriptive text, accompanied by call-to-action buttons. Below this, multiple sections are vertically stacked, each highlighting a specific product feature like 'Serve the right image' or 'Fast uploads', often presenting content in a two-column layout with text on one side and illustrative UI examples, code blocks, or stylized graphics on the other. These sections use various visual elements such as file lists with thumbnails, toggle switches, checkboxes, and input fields within simulated dashboard interfaces. Further down, there's a section on 'What you can do with Storage APIs' including code examples, 'Powered by open source' with benefit cards, a 'Keep exploring our products' grid of cards, and an 'Our plans' section detailing pricing with 'Get started' and 'Start project' buttons. The entire page uses a consistent color palette of dark greys and black for backgrounds, white and light grey for text, and a vibrant pink\u002Fpurple for interactive elements and accents. Typography is sans-serif, with clear hierarchy established through varying font sizes and weights for titles, subtitles, and body text. The page concludes with a comprehensive footer containing multiple navigation links and social media icons.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",3024,16596,"Appwrite Storage - Appwrite from Appwrite","2026-07-07T08:00:53.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},137,"Product Page","product-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},260,"Badge","badge",{"id":56,"title":57,"slug":58},233,"Tabs","tabs",{"id":60,"title":61,"slug":62},232,"Testimonial","testimonial",{"id":64,"title":65,"slug":66},174,"Card","card",{"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\u002Fproduct-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-07T10:00:11.439Z"]