브랜드프론트로 웹사이트 만들기
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개 이하)로 방문자가 다음에 할 일을 명확히 합니다.

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