Top Bar

Preview and control your project

Workspace Navigator Styles

Project Actions

Play

To see a live preview of your website  Click the Play icon.

Code

To view the code of your website  Click the Code icon.

To choose preferred code display → Click on the preferred code tab within the code-module.

This view also allows you to work on custom JavaScript for your page. The HTML and CSS options are view-only (for the moment).
   
       
       
       
       
       
        Page1
   
   

To download the code of the Project as a packaged .zip → Click on the download icon.

Libraries

Add external resources.

To add external resources such as stylesheets →

  1. Click on the Library icon.
  2. Then click on the Plus icon and paste the URL to the resource.
Add Stylesheet
Normalize
Relate
https://yourwebsite.com/style.css

To toggle a resource on / off →

  1. Click on the Library icon.
  2. Then click on the circle in front of the resource. A blue-filled means that the resource is currently toggled on. Seeing only the outline of the circle means that the resource is currently toggled off.
Add Stylesheet
Normalize
Relate
https://yourwebsite.com/style.css
Add Element

Add elemtents to your page

To add Elements to your page → Click on the plus icon.

Note: Use the 🄰 key to add elements even quicker by typing the name of the Element!
| Search

Project Options

The center section of the Top Bar shows you who owns the Project, followed by the Project's Title. 

To access Project options such as sharing, downloading, renaming, or duplicating your project → Click on the arrow.

You can also delete your project from here. This moves the project to your Archive section, pending permanent deletion by you - just in case you change your mind.
username / project name

To return to your Dashboard → Click on your Username.

username / project name

Project Sharing

From here you can easily share your Project, manage the access to it and set it live.

Publish

Publish your website

When you're ready to show your website to the world.

To connect to a custom domain  →

  1. Click on the Publish icon.
  2. Click on Add Domain.
  3. We'll then get contact you with next steps and instructions.
Add Domain
projectname .relate.design

By default your website will be published on a Subdomain of relate.design, using your Project Title: yourprojectname.relate.design

To change the subdomain  →

  1. Click on your Subdomain, highlighting your Project Title.
  2. Enter your preferred Subdomain and hit the Enter key to confirm it.
Add Domain
projectname .relate.design

To publish your website

  1. Click on the Publish icon.
  2. Then indicate the domain you want to publish your website on. Hover over the domain name to see the publish icon. Click on this to publish.
Add Domain
projectname .relate.design

To unpublish your website

  1. Click on the Publish icon.
  2. Then indicate the domain you want to unpublish your website. Click on the blue switch to de-select.
Add Domain
projectname .relate.design
Share

Collaborate on your project

To change your Project's Privacy Status

  1. Click on the Access icon.
  2. Then, click on the current Privacy Status.

The Privacy settings are by default set to public. This means that everyone who has a Relate account and the link of your Project can view and edit your work.

Private Projects are only available in paid accounts.
If you do not have a paid Relate plan, you will be asked to start your subscription.

Privacy
Public 
Invite someone
Copy link

To collaborate on Projects

Coming Soon -> invite a collaborator by adding their email address. To invite multiple people, simply separate their addresses by commas.

Privacy
Public 
Invite someone
Copy link

To easily share the link to your Project with others → Click on Copy Link and paste the link where you want to share it.

If you share the link to a Private Project with someone who's not invited to the Project, they will receive the "page does not exist" message.
Privacy
Public 
Invite someone
Copy link
Y
My Account

Manage your plan and settings

To manage your account and password → Click on the My Account icon. You can access this icon from anywhere within your Relate account.

Username Plan Type
Log Out
Delete Account

To log out of your account

  1. Click on the My Account icon in the top right corner.
  2. Then, click on the Log Out button.
Username Plan Type
Log Out
Delete Account

For now, we're happy to reset your password manually → Plase write an email to hello@relate.app.

To delete your account

  1. Click on the My Account icon in the top right corner.
  2. Select Delete Account.
  3. Follow the instructions shown on the screen. 

Deleting your account is permanent. Once you delete your account, all of your Projects are deleted too, and cannot be restored.

To make sure you don't loose all of your hard work, be sure to download the code of your Projects before deleting your account! 

Username Plan Type
Log Out
Delete Account