The high‑fidelity Urban Art mobile app prototype demonstrates how the visual identity and UX principles defined in the style guide translate into a functional digital experience.

Earthy greens, warm golds and soft neutrals are used to create a calm, gallery‑like environment that allows the artwork to take centre stage. This palette supports visual hierarchy by using muted tones for

backgrounds and stronger colours for interactive elements such as buttons, highlights and navigation cues, ensuring that users can immediately identify key actions without overwhelming the artwork itself. Consistent typography is used throughout the interface, with Playfair Display for headings to create a sophisticated, editorial feel and Inter for body text to ensure clarity and readability on mobile screens.

This hierarchy guides the user’s eye through each screen in a way that is intuitive and visually balanced. The layout features generous spacing and a clear 8px grid system, which helps maintain structure, improve alignment and reduce cognitive load during navigation. The UI components, including buttons, cards, input fields and navigation bars, are designed to be simple, recognisable and consistent across the app. Buttons use high‑contrast colours to ensure they stand out, while artwork cards use clean framing to showcase images without distraction. The navigation system is intentionally straightforward, allowing users to move between gallery sections, artwork details and account features with ease. Decorative elements such as star icons and textured backgrounds add personality while maintaining a professional aesthetic. These elements reinforce the Urban Art brand identity and create a cohesive visual experience across all screens. Overall, the high‑fidelity prototype successfully integrates visual design, branding and UX principles to create a polished, engaging mobile experience that reflects the creative spirit of the Urban Art gallery.