# Practice: create your first Brandfront page

> From choosing a brand to previewing the page

- Canonical: https://learning.reopt.ai/en/courses/studio-brandfront/lessons/sbf-l5-wt-page
- Language: en
- HTML: https://learning.reopt.ai/en/courses/studio-brandfront/lessons/sbf-l5-wt-page

---

[Build a website with Brandfront](/en/courses/studio-brandfront) 2. Create pages — builder practice 5 / 12

# Practice: create your first Brandfront page

From choosing a brand to previewing the page
Studio practice 40 XP 7 min

reopt 스튜디오 · 브랜드프론트 빌더

스튜디오에서 브랜드프론트를 열고 첫 페이지를 만들어 미리보기까지 진행합니다. 아직 발행은 하지 않습니다.

- 1 브랜드 선택 작업할 브랜드를 먼저 고릅니다. 브랜드프론트는 브랜드 단위로 존재합니다. 스튜디오 사이드바 > 브랜드

- 2 브랜드프론트 열기 선택한 브랜드의 브랜드프론트(공개 웹) 영역으로 이동합니다. 여기서 만든 내용이 곧 `{brand}.reopt.ai`에 나갈 화면입니다.

- 3 새 페이지 만들기 새 페이지를 추가하고 제목과 슬러그를 정합니다. 첫 페이지는 보통 홈으로 둡니다. 슬러그는 방문자 주소가 되므로 짧고 예측 가능하게(`about`, `pricing`).

- 4 히어로 블록 추가 히어로 블록을 넣고 헤드라인에 브랜드의 약속을, 그 위/아래에 문제 한 줄을 적습니다. 페이지 편집 화면

- 5 미리보기 미리보기로 방문자 시점에서 첫 화면이 어떻게 보이는지 확인합니다. 이 시점에는 아직 비공개입니다. 발행은 뒤 모듈에서 다룹니다.

Complete every step to unlock the checkpoint.

---

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