---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint"
locale: en
meta:
"og:title": "Academy Article"
---
[Go to home](https://academy.laioutr.com/en)
- [Getting started](https://academy.laioutr.com/en/bereiche/getting-started)
- [Account and first project](https://academy.laioutr.com/en/leitfaeden/account-and-first-project)
- [Start a project from a Blueprint](https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint)
# Start a project from a Blueprint
When creating a project, a Blueprint is chosen, a pre-composed starter site matching industry and business model, whose pages are then adapted in Studio.
## Before you start
- Plan
- All plans, including Starter
- Role
- Organisation owner or admin
- Duration
- 5 min
### Prerequisites
- An existing organisation
- Logo, brand colours and fonts
Last reviewed on October 15, 2026
A Blueprint is a pre-composed starter site for an industry or business model, for example a B2C shop, a B2B shop or a content website. It brings ready-made pages such as home page, product list, product detail page and content pages, built from the sections and blocks of a Growth Kit.
A Blueprint is a starting state, not a straitjacket. Once applied, its pages belong to the project and are freely edited in Studio, extended or recomposed by AI agents; a person publishes. The brand comes in through design tokens: logo, colours and fonts.
A Blueprint is not a theme. In Laioutr, a theme is a set of design tokens for the look, whereas a Blueprint provides pages and their structure. Blueprints are available in all plans.
## Step by step
1. 1 ### Step 1: Create the project
In the organisation settings, click **Create project** in the **Projects** tab and enter a name.
2. 2 ### Step 2: Select a Blueprint
Pick the Blueprint that fits industry and business model. The preview shows which pages the Blueprint brings.
3. 3 ### Step 3: Apply the Blueprint
Confirm the selection. The project is created with the pages, sections and blocks of the Blueprint.
4. 4 ### Step 4: Apply the brand
Set logo, brand colours and fonts through the design tokens of the project. All Blueprint pages pick up the values automatically.
5. 5 ### Step 5: Adapt pages in Studio
Open **Studio**, replace texts and images, remove sections that are not needed and add new ones. Save the work with **Save**.
## Check the result
Studio shows the Blueprint pages in the layer tree, and the preview appears in the brand colours. Once the shop system is connected, product lists and product detail pages fill with real data.
## Frequently asked questions
Is a Blueprint the same as a theme?
No. A theme is a set of design tokens for colours, fonts and spacing. A Blueprint provides pre-composed pages with sections and blocks.
How do Growth Kit and Blueprint relate?
A Growth Kit bundles sections and blocks for an industry or business model. The Blueprint is the starter site composed from it.
Do Blueprints cost extra?
No. Blueprints are available in all plans.
## Related
- [Create the first project](https://academy.laioutr.com/en/artikel/create-the-first-project)5 min
In the organisation settings, use Create project in the Projects tab, choose a starting point and open the project; markets, apps and Studio follow.
- [Growth Kits: building blocks for each business model](https://academy.laioutr.com/en/artikel/growth-kits-building-blocks-per-business-model)5 min
Growth Kits are packages of Sections, Blocks, page templates and features for one business model: Shop, Content, Booking, Marketplace, Retail and Multichannel, SaaS, Publisher and Lists. Teams combine several kits in one project and find the building blocks in the Section library in Studio.
- [Understanding design tokens and themes](https://academy.laioutr.com/en/artikel/understanding-design-tokens-and-themes)6 min
Design tokens are named variables for colours, fonts, spacing, radii and effects that every Laioutr UI component is built on. A theme assigns concrete values to these tokens and changes the look of the whole storefront without touching any component.
- [Build a landing page from existing sections](https://academy.laioutr.com/en/artikel/build-a-landing-page-from-existing-sections)10 min
A landing page is created in Studio as a Landing Page type page with its own path and is assembled from installed sections: hero, content, a product slider with shop data, and header and footer as global sections.
## Learn it in a lesson
- [Create the first project](https://academy.laioutr.com/en/lektionen/go-live-create-the-first-project)6 min
## [Account and first project](https://academy.laioutr.com/en/leitfaeden/account-and-first-project)
Search this guide
1. [Laioutr at a glance: organisation, project, environments](https://academy.laioutr.com/en/artikel/laioutr-at-a-glance-organisation-project-environments)4 min
2. [Sign up and create an organisation](https://academy.laioutr.com/en/artikel/sign-up-and-create-an-organisation)3 min
3. [Create the first project](https://academy.laioutr.com/en/artikel/create-the-first-project)5 min
4. [How data flows in Laioutr](https://academy.laioutr.com/en/artikel/how-data-flows-in-laioutr)5 min
5. [From sign-up to a live storefront without help](https://academy.laioutr.com/en/artikel/from-sign-up-to-a-live-storefront-without-help)12 min
6. [Start a project from a Blueprint](https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint)5 min
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://academy.laioutr.com/#website",
"@type": "WebSite",
"inLanguage": "en",
"name": "Default",
"url": "https://academy.laioutr.com/",
"translationOfWork": {
"@id": "https://academy.laioutr.com/#website"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/3"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint"
]
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/en",
"position": 1
},
{
"@type": "ListItem",
"name": "Getting started",
"item": "https://academy.laioutr.com/en/bereiche/getting-started",
"position": 2
},
{
"@type": "ListItem",
"name": "Account and first project",
"item": "https://academy.laioutr.com/en/leitfaeden/account-and-first-project",
"position": 3
},
{
"@type": "ListItem",
"name": "Start a project from a Blueprint",
"item": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/1",
"@type": "Question",
"inLanguage": "en",
"name": "Is a Blueprint the same as a theme?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. A theme is a set of design tokens for colours, fonts and spacing. A Blueprint provides pre-composed pages with sections and blocks.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/2",
"@type": "Question",
"inLanguage": "en",
"name": "How do Growth Kit and Blueprint relate?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A Growth Kit bundles sections and blocks for an industry or business model. The Blueprint is the starter site composed from it.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/start-a-project-from-a-blueprint#/schema/question/3",
"@type": "Question",
"inLanguage": "en",
"name": "Do Blueprints cost extra?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. Blueprints are available in all plans.
"
}
}
]
}
```