Introducing Avenda – An E-commerce template for skincare and hygiene products.

Style Guide

A collection of useful components used across this template.

Colours

These are the global colour swatches that are used to brand this website.
‍
You can edit these easily throughout the entire site by clicking on the swatch, and editing the global colour.
Primary Dark
Primary
Primary Light
Accent
Dark Grey
Semi Dark Grey
Light Grey
Off White

Typography

A complete list of the main type styles used throughout this website template.

Display One

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Large Text
Normal Text
Link Text
Small Text
Small Text
Small Caps Text

Buttons

A set of all the buttons used on this template or customise them to suit your style or brand.
Small
Normal
Primary Light
Primary Dark
Outline
Outline