Dylest Tattoo Studio Template is built using Color Swatches, which makes it easy to update the templates of all sites with a single click.
In the Styles tab in the right sidebar, scroll to Colors in the Typography section. If you click a color, you can view all color swatches and alter them to update the site's color across the board.
Image 1 - Color Swatch.
The different text sizes used throughout the site.
Our approach to the typography system uses PT Serif for both title and paragraphs, except for H2, which is Rochester. In the style guide page, you can change each paragraph and title size and font, the modification will immediately alter every instance used in the site.
If 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.
Image 2 - Default typography styles in the style guide page.
Icons or graphics in the project are normal images/textures/graphics. So, if there are alterations on the color scheme, these will maintain the default color.
This is because these graphics are images (PNG, JPG, SVG, etc.), so updating the Webflow CSS (styles) will not affect them. If you wish to reuse these graphics, you can download them and edit them with any design software (e.g., Photoshop, Illustrator, Sketch, Figma, Adobe XD, etc.) or directly upload your own images/graphics suitable for your brand.
Image 3 - filled Icons carefully designed to represent the brand identity.
There are two types of content that can be edited: Static Pages & Dynamic Content (CMS).
Static Content is all the content that is not CMS-based, which means that it is not dynamic (like a Blog Post, for example).
You can identify this content because it's shown as grey in the left sidebar navigation menu, and it shows a blue border when you click or hover over it.
If you want to edit this type of content, you can just double click it.
Image 4 - Static pages accessed via the main menu.
Static Content is all the content that is not CMS-based, which means that it is not dynamic (like a Blog Post, for example).
You can identify this content because it's shown as grey in the left sidebar navigation menu, and it shows a blue border when you click or hover over it.
If you want to edit this type of content, you can just double click it.
Image 5 - CMS Collection pages accessed via the main menu.
© 2022 Belisiario. All Rights Reserved.
