Fluent design mockup

meetdilip

A bit of Fluent touch to Flarum

tolgaaaltas

meetdilip more like Material (Card based) UI. 🙂

jordanjay29

meetdilip I split this out because it's not fan art per se, but still amazing!

meetdilip

I intentionally left some space. Won't look good if they are too close. Fluent mostly mimcs real objects on top of a base. Please see how the shadow is used in the right hand panel

shadow

meetdilip

Tried a bit different version. " Start Discussion " button has the " hover glow " as well

fakruzaruret

meetdilip I think tag's position is not suitable for more than one tag option. There is no space.

meetdilip

fakruzaruret

Currently, in Flarum everything on the left side comes under

<ul class="Dropdown-menu dropdown-menu "> there is no choice but to consider it as a single panel. As for number of tags, you can have any number of rows with an icon and text.

meetdilip

jordanjay29 Thanks. Can you please change the title to Fluent design mockup ? I hope we will get more entries.

Here is the concept of how the front page should be. Real life 3D with light, texture and shadows

Ralkage

meetdilip can’t wait to see this as a Flarum theme 😍

I’ve also grown quite interested in Neumorphism as well, just waiting for someone to come around to it and show us some more beautiful Flarum themes 😉

meetdilip

Ralkage I’ve also grown quite interested in Neumorphism as well

Interesting. It looks quite out of the world. 👍️

meetdilip

I was trying to improve the light and shadow. This one is less real and much closer to a mockup with real life settings

meetdilip

Realistic, colourful