Artisan Brew House: A "WOW Factor" UI built with Uno Platform

This is a submission for the AI Challenge for Cross-Platform Apps - WOW Factor

What I Built

I built a "WOW Factor" home screen for a premium, artisan coffee shop called the "Artisan Brew House."

The goal was to create a design that feels modern, cozy, and truly premium, moving far beyond a basic layout. The app uses a dark, multi-layered gradient background with warm, coffee-toned highlights to create a stunning visual vibe.

The entire UI is built 100% from XAML code, using LinearGradientBrush for backgrounds, Border with CornerRadius for "glass" and "card" effects, and FontIcon for all iconography (no images were used).

Demo

Here is the full-page screenshot of the app running on Windows Desktop, built from a single Uno Platform codebase.

Cross-Platform Magic

For this submission, I focused on building and running the app on Windows Desktop (using the net10.0-desktop framework).

The power of Uno Platform is that this single XAML codebase is designed to be cross-platform, allowing it to be compiled for Android, iOS, macOS, Linux, and WebAssembly with minimal effort.

Interactive Features

The design is highly creative and interactive, focusing on a premium user experience:

• Brand Identity: A strong, elegant header section that establishes the "Artisan Brew House" brand.
• "Today's Masterpiece": Instead of a boring list, I designed a "Hero Card" that showcases the main special brew. It features a glowing icon, descriptive tags, and a prominent "Order Now" button.
• "Most Loved" Carousel: A horizontal ScrollViewer contains "Popular Brew" cards. Each card uses a RadialGradientB ![ ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ret6780m4ko8ol9b9x71.png)rush and FontIcon to create a beautiful, minimalist visual for each drink.
• Quick Access Cards: At the bottom, two "glass effect" cards (Background="#22FFFFFF") allow for quick access to "My Rewards" and "Find Store."
• Main CTA: A final "Explore Full Menu" button with a gradient background serves as the main call-to-action for the entire screen.

The Wow Factor

The "WOW Factor" of this app is its world-class, premium design achieved entirely with 100% XAML code.

It proves that you don't need to rely on static images to create a rich, visually stunning, and modern UI. The use of multiple gradients, "glass" borders, layered elements (like the "Hero Card"), and fluid layout creates an experience that truly makes the user say "Wow."