All Collections
Creating
Working with layers in the foreground
Working with layers in the foreground

This article helps you understand how to use foreground layers to build the best possible Landing Stories

Henri Pauwels avatar
Written by Henri Pauwels
Updated over a week ago

Once you've built the background. You can add foreground layers.

There are all types of different foreground layers including:

  • Images

  • Videos

  • Text

  • Rectangles

How do foreground layers work?

We consider that the foreground layers are bonus or detail layers. Most of your visual information should be in the background image.

The foreground layers will always be fixed within the main frame. This means that you can accurately position your text different additional layers.

But be careful. Don't use shapes to create extra gradients. I will create the a weird effect on certain types of devices. See our example.

Recommendations

We would recommend you create free standing components with layers. Like product cards, speech bubbles, text blocks, and product images.

To get the best results consider using PNG with a transparent background. If you want to remove the background easily here is a tool that could be super handy for you. Remove BG is a great tool to get you started quickly.

Tappable Community

Tappable created a community on discord if you have any unanswered questions or you would like some feedback on your design. Join us and we'll happily answer any of your questions.


โ€‹

Did this answer your question?