# 실습: 브랜드 정체성/톤을 페이지에 반영

> 히어로 카피와 비주얼에 정의·Voice 입히기

- Canonical: https://learning.reopt.ai/courses/studio-brandfront/lessons/sbf-l6-wt-identity
- Language: ko-KR
- HTML: https://learning.reopt.ai/courses/studio-brandfront/lessons/sbf-l6-wt-identity

---

[브랜드프론트로 웹사이트 만들기](/courses/studio-brandfront) 2. 페이지 만들기 — 빌더 실습 6 / 12

# 실습: 브랜드 정체성/톤을 페이지에 반영

히어로 카피와 비주얼에 정의·Voice 입히기
스튜디오 실습 40 XP 7분

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

방금 만든 페이지에 브랜드의 정체성과 톤을 입힙니다. Brand Spec의 정의와 Voice를 카피·비주얼로 옮기는 단계입니다.

- 1 헤드라인 = 약속 히어로 헤드라인을 Brand Spec의 약속 문장으로 맞춥니다. 가장 강한 한 문장이어야 합니다. “모두를 위한”처럼 넓은 표현 대신, 좁은 타깃이 자기 이야기로 읽히게 씁니다.

- 2 서브카피 = 문제·증거 헤드라인 아래에 방문자의 문제를 짚고, 짧은 증거(수치·사례)로 뒷받침합니다.

- 3 Voice를 문장 규칙으로 카피 전체를 브랜드 Voice에 맞춥니다. 짧고 명확한 문장, 사용자 언어, 행동 유도 문장을 지킵니다. 업계 내부 용어와 애매한 미사여구는 피합니다(Don’t).

- 4 비주얼 무드 = 성격 히어로 배경 그라데이션 등 비주얼을 브랜드 성격에 맞는 무드로 고릅니다. 히어로 블록 설정 그라데이션은 장식일 뿐 — 텍스트 대비(가독성)를 해치면 안 됩니다.

- 5 행동 유도(CTA) 정리 주요 CTA 1개(+보조 1개 이하)로 방문자가 다음에 할 일을 명확히 합니다.

모든 단계를 체크하면 확인 문제를 풀 수 있어요.

---

에이전트용 사이트 안내: https://learning.reopt.ai/llms.txt · 사이트맵: https://learning.reopt.ai/sitemap.xml · 문의: https://learning.reopt.ai/contact