Appwrite Arena - LLM Leaderboard

Screen UI design example from Appwrite. it includes a dark-themed layout with multiple sections. The top section features the 'Appwrite Arena' logo, a 'Star on GitHub' button with a count, and a prominent headline 'Which AI model knows Appwrite best?'. A tag 'June benchmark is live' is also visible. Below this, a benchmark table displays AI model performance across various categories like Foundation, Auth, and CLI, showing percentages and cost per million tokens. Filters for 'Dataset' and 'Scoring' are positioned above the table. A radar chart visualizes 'Category performance' with a legend for different AI models. Further down, a section titled 'Context changes everything' presents two code blocks side-by-side, demonstrating code execution 'Without Skills.md' (showing error states) and 'With Skills.md' (showing success states). Another section, 'Benchmarking the full Appwrite platform', lists Appwrite's core services with corresponding icons and brief descriptions. The page concludes with sections on 'Fair and predictable scoring' and 'Fully open source', featuring informational text, buttons with tags, and links to GitHub and Discord in the footer. Typography uses a clean sans-serif font, with large, bold titles and smaller, readable body text. The color palette is primarily dark grey and black with white text, accented by pink for the logo and icons, and green/red for performance indicators.