Getting Started

ATWWW.DESIGN would like to thank you for purchasing the Baneos template. In this brief guide we will cover al the basic concepts on how to edit different elements from the Baneos Webflow template.

‍

If you are not very familiar with Webflow, we highly recommend you to take the Webflow 101 Crash Course from Webflow University, as it will teach you all the basics to get up and running.

‍

Fonts

‍

The Baneos template uses one single font side-wide, and it’s set up in the Body (All Pages) selector, so this means you can easily update the font across the website in one click.

‍

On any other page, just click the orange selector option in the top right of the Style tab, and then select Body (All Pages). After this, you can go to the Typography section below and change the font to any font of your linking.

‍

In case you need a custom or premium font that is not available on Webflow, you can always go to Project Settings > Fonts and you will be able to upload custom fonts, or connect your Adobe Fonts account.

‍

Graphics & Icons

‍

Some icons or graphics in the template are normal images/graphics, so you will notice that when updating all colors, these will still have their base color.

‍

This happens because these graphics are images (PNG, JPG, SVG, etc), so updating the Webflow CSS (styling) won't affect them. If you would like to reuse this graphics, you can always download them and edit them using any design software (i.e. Photoshop, Illustrator, Sketch, Figma, etc), or directly upload your own images/graphics that match your brand.

‍

‍

Feel like changing something in the template? All of our templates were built using Webflow without writing code.

‍

For any help regarding our template feel free to reach us at hello@atwww.design.