텍스트 · 색상 스타일
일관된 타이포그래피와 색은 “잘 만든 사이트”의 기본입니다. 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