By setting the styles from the beginning you can make sure that all the styles work together and that you have a variety of headings and button sizes and that everything looks cohesive.
If you try to set the styles while designing, things might not go together so well and you tend to spend a lot of time changing all the different styles multiple times.
Reading: How to create a great squarespace website
If you can see them all together, it’s much easier to set and exit styles faster, so you don’t have to keep going back and adjusting them.
4. Write down your color codes and fonts
I also like to keep all my fonts and color codes in a note on my computer. I use the Mac Notes app for this.
If I keep all the color codes and fonts in a note, they’re all easily accessible and I don’t have to search for them in the style editor over and over again. I can just go to my Notes app, look up my brand’s exact shade of blue, copy the code, and paste it into Squarespace.
Similarly, if I ever create something for my website in Adobe Illustrator, I can just browse for the fonts in my Mac Notes app instead of opening my Squarespace website and style editor every time to have to.
5. Write down your text first
You might think that it’s important to prepare for your website design before you start designing the website itself, right? This tip is no different.
Another thing I like to do to make my website design process super fast is prepare all my copy before I launch my website.
See also: How to Create a Website Easy Free Guide for Beginners
I do this for both my own websites and websites I build for clients.
I store all of the text for my site, including headings, body text, button text, and calls-to-action in a Google Doc, and then just copy and paste the text from the Google Doc into my Squarespace site .
When you paste text into Squarespace, it sometimes takes on the styles of where you copied it from, say the font or size. To prevent this, I would paste the text into my Notes app and then copy and paste it back into Squarespace.
That was a bit of an unnecessary step, but it helped get rid of all the styles when I had the text moved around.
I recently found a faster way to do this though.
Press Shift, Option, Command and V at the same time and this will paste your text without inheriting any style formatting from where you previously wrote it.
6. Optimize and rename your images for SEO before uploading
Often when designing, you test our images in several different places on your website, or sometimes use the same image two or three times. Optimizing the size and renaming each time is just more work.
Instead, rename and optimize all your images before using them on your website.
Here’s how.
See also: WordPress For Beginners: Create a Website Step by Step Free Video Course Free Download
I put all my images in a folder on my desktop when I create this website.
Next you need to name all your images. You want to name your images so Google can identify what’s in the image, since Google can’t “see” your image.
The name of the image is then used to tell Google what your page or post is about, which helps with search engine optimization.
Image size optimization is also extremely important for the speed at which your website loads.
This is the most common thing people forget about their Squarespace sites and then wonder why their site is so slow.
Tip: This is probably your problem.
On a Mac, to optimize the size of an image:
-
Double click on your image to open it in the preview
-
Then click on “Extras” and then on “Resize”
-
Resize the image until the image size is less than 500 KB
See also: 2 Killer Examples of Successful Health and Fitness E-Commerce Marketing
.
