Skip to Content
💬 궁금한 점이 있나요? 커뮤니티에서 질문하고 답을 받아보세요 →
입문 (디자인 비전공자)텍스트 · 색상 스타일

텍스트 · 색상 스타일

일관된 타이포그래피와 색은 “잘 만든 사이트”의 기본입니다. Framer는 스타일을 저장해 재사용하는 강력한 기능을 제공합니다.

텍스트 넣기

T를 누르고 캔버스를 클릭하면 텍스트를 입력할 수 있습니다. 오른쪽 패널에서 다음을 조절합니다.

속성설명
Font / Weight폰트와 굵기
Size글자 크기
Line height줄 간격 (한글은 1.5~1.7 권장)
Letter spacing자간
Align정렬

한글 가독성 — 한글은 영문보다 글자가 빽빽해 보입니다. 본문 줄 간격을 1.5~1.7 정도로 넉넉히 주면 훨씬 읽기 편합니다.

텍스트 스타일로 저장해서 재사용하기

매번 폰트·크기를 일일이 지정하면 통일성이 깨지고 수정도 번거롭습니다. 텍스트 스타일로 저장하세요.

기준이 될 텍스트 만들기

제목으로 쓸 텍스트를 원하는 폰트·크기로 꾸밉니다.

스타일로 저장

오른쪽 패널의 텍스트 스타일 영역에서 새 스타일 만들기를 누르고 “제목 H1”, “본문” 같은 이름을 붙입니다.

다른 텍스트에 적용

다른 텍스트를 선택하고 저장한 스타일을 클릭하면 즉시 적용됩니다.

추천 기본 세트: H1(큰 제목) · H2(중제목) · Body(본문) · Caption(작은 글씨)

색상 스타일

브랜드 색을 등록해두고 일관되게 씁니다.

  • Primary(주색), Secondary(보조색), Text(글자색), Background(배경색)
  • 등록한 색은 색상 코드 입력 없이 클릭으로 적용
  • 라이트/다크 값을 각각 지정하면 다크모드 자동 대응

텍스트 스타일 하나, 색상 스타일 하나만 바꿔도 그것을 쓰는 모든 곳이 동시에 바뀝니다. 리뉴얼·브랜드 색 변경이 순식간에 끝납니다.

⚠️

한글 웹폰트(Pretendard 등)의 적용·업로드·용량 최적화는 한국 맞춤 → 한글 폰트에서 자세히 다룹니다.

크기·굵기·행간·자간을 각각 더 깊이 다루는 페이지는 요소 → 글자 개요에서 확인하세요.

다음 단계

이미지 · 동영상 넣기

자주 묻는 질문

Last updated on