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.
Squarespace Tutorials - Click here
Squarespace Help Center - Click here
Squarespace Forum - Click here
Squarespace Forum - Click here