# Build a website with Brandfront course

> Turn a brand created in Studio into a public website by translating its definition into pages, applying identity and tone, and publishing with a connected do…

- Canonical: https://learning.reopt.ai/en/courses/studio-brandfront
- Language: en
- HTML: https://learning.reopt.ai/en/courses/studio-brandfront

---

[reopt Studio mastery](/en/tracks/studio-mastery)

# Build a website with Brandfront

Publish your brand at {brand}.reopt.ai

Turn a brand created in Studio into a public website by translating its definition into pages, applying identity and tone, and publishing with a connected domain.
Intermediate 11 lessons 475 XP About 73 min

Source · reopt Studio · Brandfront

Complete the prerequisite courses first
[Principles of brand design](/en/courses/brand-principles) to unlock this course.

[Study prerequisites](/en/courses/brand-principles)

![Build a website with Brandfront course](/images/home/track-reopt-studio.png)
0%

Course progress 12 learning steps

## What you'll learn

- Explain Brandfront as the output surface in the four-layer brand model.
- Translate problem, promise, proof, and personality into page elements such as the hero, sections, and tone.
- Create pages and links in the Brandfront builder and preview the result.
- Publish a Brandfront site and connect a custom domain.

1

## 1. Understand Brandfront — turn a definition into a website

Understand Brandfront and how to translate a brand definition into a page.

- What is Brandfront? The brand output surface—a public web front at {brand}.reopt.ai Concept 30 XP
- Translate a brand definition into a website Map problem, promise, proof, and personality to the hero, sections, and tone Concept 35 XP
- Core Brandfront terms Reinforce seven terms before using the builder Flashcards 20 XP
- Brandfront concepts quiz Check the output surface, components, and definition mapping Quiz 35 XP

2

## 2. Create pages — builder practice

Create pages and links directly in the Brandfront builder.

- Practice: create your first Brandfront page From choosing a brand to previewing the page Practice 40 XP
- Practice: apply identity and tone to the page Apply the brand definition and voice to hero copy and visuals Practice 40 XP
- Practice: build a collection of links Create links that guide visitors to multiple touchpoints Practice 35 XP
- Page-building quiz Check what you learned in the builder Quiz 40 XP

3

## 3. Publishing, domains & operations

Publish the Brandfront, connect a custom domain, and complete the pre-launch review.

- Practice: publish and connect a custom domain Move from private to public and connect a domain Practice 45 XP
- Pre-publish checklist Review every item before going public Checklist 25 XP
- Practice: make a Brandfront launch decision Choose the best action in a pre-launch situation Scenario 45 XP

## Final challenge

Prove your mastery with a comprehensive course quiz.

- Final challenge · Brandfront mastery A comprehensive quiz from concepts through publishing Complete lessons first 85 XP

---

Site guide for agents: https://learning.reopt.ai/llms.txt · Sitemap: https://learning.reopt.ai/sitemap.xml · Contact: https://learning.reopt.ai/contact