Welcome to a the future of UX.

Welcome to HiMaterial.

What is HiMaterial?

HiMaterial is the core design philosophy for every app by The Highland Cafe™️ Enterprises. Inspired loosely by Google's Material Design v3, we strive to create and communicate a pleasant and visually experience to all our customers when they use our apps.

HiMaterial Versions

HiMaterial 1

HiMaterial 1 was released in December 2021 and was the first version of our new HiMaterial design language that replaced HiOSUX, which was used on the first version of HiOSDesktop. 

HiMaterial 2

HiMaterial 2 was the second iteration of our main design language; HiMaterial 2 debuted on HiOSMobile version 1.2, and the new HiOSUnified software.

HiMaterial 3

HiMaterial 3 was a game changing update to the design language of HiOSMobile. This included the debut of the HiOSMobile dark theme, along with the first opaque card-focused design, that made the app look properly professional for the first time.

Wanting to test out HiMaterial 3? Try the legacy version of HiOSMobileWeb!

HiOSMobileWeb with HiMaterial 3

HiMaterial 4

HiMaterial 4 had less major design updates, and was a very welcome refinement based on user feedback on HiMaterial 3. This update included a fully light light-mode, and a fully dark dark-mode.

HiMaterial 5

HiMaterial 5 was a huge update that bridged the gap between Google's Material Design v3, and the HiOSMobile app design. With this new HiMaterial 5 design, it came with the new top navigation back buttons, and the left-aligned titles. This update also brought the new high-quality native buttons, and departs from the png navigation buttons at the bottom and top. We also changed some of our design elements recently to better match the Material 3 guidelines, and we made the CSS design files more streamlined with variables defining colours rather than defining them over and over again for every element. Around the time of creating this iteration of HiMaterial, we also created native Settings, Help Center, and feedback pages. We went through a few different fonts with this design, such as Cantarell and Prompt, but we settled on Outfit since it fitted the rest of the The Highland Cafe™️ Enterprises' design philosophy.

HiMaterial 5.1

HiMaterial 5.1 was more of a minor update based on HiMaterial 5, with minor but welcome improvements and tweaks to the overall design language. With this design update, we have made tweaks such as changing the new Dashboard screen back to the original Homescreen, changing the button designs, applying custom colours to specific brand pages such as weB&B (formerly WorstEastern) where we changed the theme to green to match the brand's colour scheme, streamlined the HiMaterial CSS files, making all the corners more rounded, and making the design more accessible.

HiMaterial 5.2

HiMaterial was another minor, but meaningful design language update. We decided to change the bottom navigation bar to be docked to the bottom, but rounded at each corner, to give a more visually pleasing feeling. We also did this because the system navigation bar was black, which didn't look very good with the white floating nav bar in light mode.

We also changed the font family of the app and HiOSWebCore to SUSE from Outfit, to make it in line with all of The Highland Cafe™️ Enterprises' other projects.

We have also updated some design elements such as the bottom 'More' flyout in HiOSMobile Lite to match its Android app counterpart.