Mobile designs are now more important than ever with so many subscribers opening their emails on their phones. So it’s important to make sure you give the necessary mobile controls for your Design System in Taxi. 

If you have strict brand guidelines for how your emails need to look on mobile devices, this can all be covered in your HTML before adding Taxi Syntax. Use media queries to define how your emails look on smaller screens. Once this has been built into your HTML you won’t need to worry about it when it comes to adding Taxi Syntax. If you don’t make the mobile design and styling editable then you can be confident that no one is going to change something they shouldn’t in Taxi.

On the other hand you may want to give your team a bit more control over the design of your emails on mobile. Anything that you can control on mobile in your HTML and CSS you can make editable within Taxi. You can add fields for styling options such as font size or colours and these will work in the same way as they do on desktop. 


One of the most common ways that Taxi customers control the mobile view of their emails is by giving the option for mobile specific images. You can include an image field that will only control the image that appears on mobile to ensure your subscribers have the best possible experience no matter their screen size. You can also make sure that if nothing is uploaded or input for the mobile image that the desktop image will default as the mobile image.


Going one step further, you may have modules that you only want to appear on mobile or only on desktop. For example, it might make sense to have a ‘download the app’ module only appear on mobile. All of this is possible in your Design System so thinking about how you want it to be edited on mobile will ensure everyone has a smooth experience creating emails for all screen sizes.


Next: Once you have built your Email Design System, also think about how you make updates and improvements