[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F0f6fde89-119f-41a6-9e36-3ce859b86e5c":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\u002F0f6fde89-119f-41a6-9e36-3ce859b86e5c","detail","pages",true,{"title":9,"description":10,"og_image":11},"Appwrite Sites - Appwrite - Nicelydone","Screen UI design example from Appwrite. it includes a hero section with a large title and call-to-action, followed by sections detailing features, product…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f6fde89-119f-41a6-9e36-3ce859b86e5c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Appwrite Sites - Appwrite",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Appwrite. it includes a hero section with a large title and call-to-action, followed by sections detailing features, product integrations, and deployment processes. The layout features distinct dark background sections contrasting with lighter sections, utilizing large typography for headings, descriptive paragraphs, and interactive elements such as buttons, icons, and card-based content displays. A prominent modal-like component illustrates a 'Create Site' workflow, displaying template selections and deployment logs. The page also incorporates a world map graphic, testimonials, an FAQ accordion, product feature cards, and a pricing table, all culminating in a comprehensive footer with navigation links and social media icons. The color palette is primarily dark grey with white text, accented by vibrant pink\u002Fmagenta 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},"0f6fde89-119f-41a6-9e36-3ce859b86e5c","it includes a hero section with a large title and call-to-action, followed by sections detailing features, product integrations, and deployment processes. The layout features distinct dark background sections contrasting with lighter sections, utilizing large typography for headings, descriptive paragraphs, and interactive elements such as buttons, icons, and card-based content displays. A prominent modal-like component illustrates a 'Create Site' workflow, displaying template selections and deployment logs. The page also incorporates a world map graphic, testimonials, an FAQ accordion, product feature cards, and a pricing table, all culminating in a comprehensive footer with navigation links and social media icons. The color palette is primarily dark grey with white text, accented by vibrant pink\u002Fmagenta for interactive elements and highlights.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",3024,19930,"Appwrite Sites - 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},189,"FAQ","faq",{"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-07T08:01:39.099Z"]