Apply Brand Kit to HTML Template

I have an existing HTML template that needs to reflect our brand kit. The job is straightforward: adjust every typographic and colour-related detail so the file set matches our official look and feel.

The template we are using in our website is : https://themes.pixelstrap.com/sheltos/main/layout-3.html


Scope
• Typography – update font family, font size, style, and line spacing throughout the CSS.
• Colours – swap in our approved palette for text, backgrounds, and interactive states.
• Buttons – update primary and secondary button colours and hover states.

What I will provide
• The full brand kit (fonts, HEX/RGB values, sample usage).
• The current HTML/CSS template.

What I expect back
• Clean, well-commented CSS (or SCSS) with the new variables applied.
• Updated HTML files reflecting the changes.
• Quick visual pass to ensure consistency across headings, body copy, links, and buttons.
• A short change log so I can see exactly what was touched.

The template is small, so this should be a focused task for someone comfortable with responsive HTML/CSS. Cross-browser consistency (modern Chrome, Firefox, Safari, Edge) is important, but no JavaScript work is required.

If you can start soon and wrap up quickly, I’d love to hear from you.