Neumorphic Design example

[yoannrky4dd]

Here is what it looked like on a iPhone 12:

[oreeldadln]

Can you share which values did you use in the shadow to make the buttons this style?

[Deluxe]

I believe that the icons he uses have a transparent background and this way you can see through them and then the shadow cast by the buttons.

[oreeldadln]

But with what values do we get this shadowing? what elevation, height, width and etc…

[Deluxe]

Thy these settings with a button (iOS only):

[domhnallohanlon]

@oreeldadln - moving this to #creator-lounge for now, thanks for the question!

@oreeldadln

which values did you use in the shadow to make the buttons this style?

@yoannrky4dd we’ve had a few other Thunkers asking about this earlier in the community too:

Neumorphic design

I’ve been working on the “style” of different objects for a while (over a week) and I can’t seem to get anything to have a neumorphic design. Has anyone tried to do something like this before, if so, could you share what shadow, direction, etc you used to achieve it? Thanks! It’s one of those things that you try for hours,. And all you get is a headache in the end… [1082162_81_100422_dkJOdijui (1)]

cc @tobi @bluerfox15uht9 @mythi

[yoannrky4dd]

Hi @oreeldadln,

I may disappoint you, but the screen you see with the red background is made with Bubble, it’s a Web App encapsulated in our Thunkable App with the Web Viewer element, and I don’t think you can have the same style of buttons in Thunkable (at least not as I know).