Cart 0
Squarespace Website Design Studio
 
Restaurant Squarespace Template Pack

Squarespace Template Style Pack

 
Restaurant Squarespace Template Style Pack.jpg
 

Welcome to Dorsia

Thank you for your purchase of the DORSIA Squarespace Template Style Pack. This style pack is ideal for restaurants and bespoke hospitality providers who are passionate about food & service and elevating the appearance and reputation of their business.

You now have exclusive access to this page. It will be your go-to resource for helping you set up your new website. This page has all the files, plugins, instructions and tutorials necessary to reproduce the DORSIA demo website in Squarespace.

I’ve arranged this tutorial into easy to understand bites that won’t overwhelm you. Whether you already tried to build your own website, or this is your first time using Squarespace. You’ll be delighted with how fast you can put a beautiful website together. BONUS: You’ll learn a bit about how to move and place text & objects on a page.

 

 

Step .01

Get Started
With Squarespace

If you do not have a Squarespace Account:

Click here to pick a template & sign up
For the purposes of this tutorial, we will be using the ROYCE template because it has the least number of demo pages to delete.

  1. Type ROYCE into the search bar and press enter;

  2. Click the “Get Started” button beside the Royce Template;

  3. Follow the prompts to create an account;

Once you’ve created an account, you’ll be brought to your new website complete with a two-week free trial. You can build your whole website within the trial period. We’ll choose a plan at the end.



If you Do have a Squarespace Account but no website:

Click here to pick a template & Login
For the purposes of this tutorial, we will be using the ROYCE template because it has the least number of demo pages to delete.

  1. Type ROYCE into the search bar and press enter;

  2. Click the “Get Started” button beside the Royce Template;

  3. Login to your account to get started.

If you’re already logged in, you’ll be brought to your new website and start your two-week free trial. You can build your whole website within the trial period. We’ll choose a plan at the end.

Exclusive Discount: use discount code MINIMIST to receive 10% off the price of any new monthly or annual website subscription for the first year. This code cannot be applied to existing subscriptions.


If you have a Live Squarespace Website:

If you already have a website that you want to change, the best thing to do is throw up an ‘under construction’ or ‘coming soon’ page, so visitors don’t stumble upon your website while it’s being built. Click here for a tutorial on Creating an Under Construction page.

  1. Once the rest of your site is inaccessible to visitors, make sure your under construction page is set as your homepage;

  2. If there are any pages you want to keep from your current website, drag them into the "Not Linked" section. If you don’t want to keep any part of your old website, delete all the pages so we can start from scratch;

  3. In your sidebar, navigate to Design > Templates > Install New Template;

  4. Type ROYCE into the search bar and press enter;

  5. Click the “Get Started” button beside the Royce Template to install the new template. We’re taking this step to make sure you're using a template within the BRINE family. Royce is a template within the brine family with the least amount of demo pages to delete. The included ‘Style File’ will only work with the BRINE family templates;

  6. When your new template is installed, it will be visible in the side bar. Hover over the new template and click “preview;”

  7. At the bottom of the page, click “Set as Live Template.”

 
 

Step .02

Learn Squarespace Basics

These videos have been selected especially for this template build. These basic skills for adding & removing pages, content blocks, and images will be useful when following along with the template build video, or using the block guide.

If you’re already familiar with Squarespace, you can skip this step.

 
 

Step .03

Download Files

These are all the files you’ll need to create exactly what you see in the DORSIA Demo Site. The files are separated because you may already have your own photos and/or text. If you don’t want to use the demo text or images, just download the Style File and the CSS plugins. These are the files that will automatically transform the look of your new website.

 
 
Download Icons_Text.png

Sample Text

All the text shown in the Dorsia demo site so you can easily copy & paste.

Download Icons_Photos.png

Sample Images

All the images shown in the Dorsia demo site so you can follow the tutorial.

Download Icons_Style File.png

Style File

This file will set all the site styles, colours & fonts for you in seconds.

 
 
Download Icons_CSS.png

CSS Plugins

Copy & paste this text to add extra flair to standard Squarespace elements.

Download Icons_Block Guide.png

Block Guide

This PDF is a mockup of the site that shows exactly where to place each block.

 
 

Step .04

Build It!

Once you’ve done steps one through three, you’re ready and to start building.
In this step, you’ll recreate the exact design and layout seen in the Dorsia demo site. After we put together the framework, it will be easier to go back and replace sample text and images with your content.

Remember: if the pace of these tutorials are too fast or too slow for you, you can pause, rewind, or skip ahead whenever you want. You also have permanent access to this page; take a break if you need to, then come back whenever you're ready.

Initial Setup Video

This video covers some of the initial steps you should take when starting a new Squarespace website, such as adding a site title, adding a tagline, entering your business information, changing your built-in domain name, and turning on accelerated mobile pages blogs.
If you know how to do these things, you can skip to the Demo Build Video.


Create the Pages

This video will step through how to add and name all the pages necessary to recreate the Dorsia demo site.


Add Site Styles

This short video will show you how to modify all the site styles by uploading the easy-to-use Style File that can be found in step 3.