Creating a project

Create your first project and manage the project settings

Dashboard

After logging into Teleport you will land on the Dashboard. This is the place where you can see and manage your projects.
As a new user you will start off with an intro project which is meant to help you navigate around Teleport.
image

Create a project

To create a project click on the New Project button. This will take you to a new screen where you can choose whether you want to start with an empty project or if you want to use a template.
image

Blank Project

Starting from a blank project means that you will only have one page which is the homepage and a predefined Design Language.
image

Project from template

If you want to get a head start you can pick a template. Here you have two choices, you can either choose a high-fidelity or a low-fidelity template, depending on your needs.
We provide a variety of designer-made templates to help you reach your goals faster.
image

Project Settings

Enter Project Settings either from the dashboard or from the project editor by clicking on the name of the project.
Here you can edit information about your project that will end up in your deployed app, such as favicon, custom code, images for social media and much more.
image

General

In the General tab you can change information related to Teleport like name and subdomain as well as website meta information such as title, description, favicon and language. You can also see if you reached the limit for the uploaded assets.

Integration

The Integrations tab is where you can save your tokens for integrations with Vercel, GitHub or Netlify (coming soon). More on this in the Preview & Publish lesson.

Fonts

If you want to use custom fonts then the Fonts tab is where you need to go. Simply add the link and the name of the font and it will be available in the Text Styles section when editing texts.

Custom Code

In the custom code tab you can add your Google Analytics or Tag Manager id to keep track of the visitors on your website.
You can add any custom JavaScript code which will be injected in the head or body of the published website.

Social

From the social tab you can change the image, title and description of your website which will appear when it is shared on social media.