Typography

Font Sizes

Best Practices:
- Center align the content

Title 1

Ideal for headers

Title 2

Use for main page titles or section headings. It is bold and significantly larger than other text

Title 3

Use for additional subsections or to break down contenT. Ideal for blog subsections.

Paragraph

This is the standard font size for regular paragraph text. Ensure readability without being too small. Format it if need, make it bold or italic.

Styling & Colors

We have carefully curated a selection of color palettes to enhance the visual appeal of your website. Each color palette is thoughtfully designed to create a harmonious and engaging user experience. These color combinations have been strategically chosen to reflect the essence of your business. Feel free to use these color palettes across various sections of your website. Consistency in color usage not only enhances the aesthetic appeal but also creates a unified and memorable brand experience for your visitors.

Palette #1 - Sample section

A lil sample section, soft constrast.

Palette #2 - Sample section

Stronger constrast on titles.

Palette #3- Sample section

Similar to palette #1, but with a lower-contrast background, it helps to divide sections and differentiate content

Palette #4- Sample section

Similar to palette #3, but with darker tone for the header (title 2)

Palette #5 - Sample section

Good option for sections where you only need a title. See an example of its usage in the Instagram section of the website (near the footer)

Palette #6 - Sample section

This option will help you highlight valuable information; for example, it was used in the 'Want to become an IBE stylist?' section of the 'Meet The Team' page.

Palette #7 - Sample section

Background color similar to palette #5, used in the pre-footer where you can find the business address, social media links, and important information

Palette #8 - Sample section

This palette has high contrast, with a dark background intended to distinctly separate one section from another. For instance, it is used in the Footer. We do not recommend its application unless it is strictly necessary

Styling & Colors :
Best Practices.

As you can see, most color palettes convey a sense of tranquility, featuring neutral colors, and the typography provides the necessary contrast for clear text readability. Moreover, all CTAs - with a few exceptions - on the website maintain a high contrast: dark background with light text. This is crucial for capturing the customer's attention, so we highly recommend using CTAs exclusively in this manner unless there are compelling reasons to alter the tone.

Please note that paragraph and heading colors, along with their sizes and density, are subject to modification. However, we strongly recommend making changes only when necessary; otherwise, the website's colors and styles may lose coherence over time.

Image Editing

The images on the website are presented without filters. Please ensure that they do not have any color or opacity filters. Additionally, remember that images can be aligned and cropped from the editing section of each content block containing images.

Clean Image

Opacity Filter On

Short, yet helpfull, links.

  1. Squarespace Tutorials - Click here

  2. Squarespace Help Center - Click here

  3. Squarespace Forum - Click here

  4. Squarespace Forum - Click here