Visibility + Motion practices / Advice needed


What would you recommend, how to use visibility?

Let’s say I use Motion and I wish to have bigger Header and Paragraph for desktop than mobile view allows. Would you have one Motion stack and 2 x Visibility + Header + Paragraph? Isn’t this less loading at the background that using Motion twice? If I am having different images or column settings for styling then I would need Motion twice for Visibility settings. Is there any difference between loading times or am I thinking too far?


You can choose to use custom font sizes (for each device type) with Foundry Header stack. Not an option with Foundry paragraphs however.

I’d use BWD stacks, either Paragraph Pro and Header Pro or his new Scribe stack. They all allow you to set different font sizes for desktop and mobile and wouldn’t require you to do anything in terms of visibility.