테마, 휴대폰, 다크 모드

이메일의 모양은 테마에서 나오므로, 한 곳만 바꿔도 테마를 쓰는 모든 블록의 스타일이 바뀝니다. 이 페이지는 테마, 브랜드 키트와 글꼴, 휴대폰에서 이메일이 바뀌는 방식, 다크 모드를 설명합니다.

테마

왼쪽 레일에서 테마 패널을 엽니다. 섹션은 다음과 같습니다.

색상: 브랜드, 강조(브랜드 색 위의 텍스트), 텍스트, 흐린 텍스트, 배경, 카드 배경. 블록의 색상 필드는 자체 색 대신 이 중 하나를 가리킬 수 있고, 그러면 테마가 바뀔 때 함께 바뀝니다.
타이포그래피: 이메일의 글꼴, 그리고 제목 1–4, 본문, 작게별 크기, 굵기, 줄 높이, 자간, 휴대폰 크기. 제목은 이 크기를 쓰고, 자체 크기를 정하지 않은 텍스트 블록도 마찬가지입니다.
버튼: 기본, 보조, 외곽선 세 가지 스타일이며, 각각 배경, 텍스트, 테두리, 모서리, 안쪽 여백이 있습니다. 버튼은 스타일을 고른 뒤에도 자체 색을 정할 수 있습니다.
링크: 링크 색상과 밑줄 여부.
레이아웃: 페이지 배경, 이메일 너비(데스크톱 560–720px, 휴대폰에서는 항상 화면에 맞춤), 카드 안쪽 여백과 모서리, 블록 간격, 텍스트 방향.
다크 모드: 아래를 참고하세요.

테마가 없는 이메일은 늘 보이던 대로 보입니다. 모든 기본값이 기존 모양입니다.

브랜드 키트

설정 › 브랜드 키트에서 브랜드 키트를 한 번 설정하세요. 로고(밝은 버전과 어두운 버전), 색상, 글꼴, 버튼 스타일, 소셜 링크, 그리고 많은 국가가 마케팅 이메일에 요구하는 우편 주소를 포함한 푸터 정보입니다. 웹사이트에서 가져오기는 홈페이지에서 로고, 색상, 글꼴, 소셜 링크를 읽어 오고, 무엇을 남길지는 직접 고릅니다.

새 이메일은 키트에서 시작합니다. 테마 패널의 브랜드 키트 적용은 키트를 기존 이메일에 복사하고(실행 취소하면 원래대로 돌아갑니다), 헤더와 푸터 섹션은 키트의 로고, 링크, 주소를 읽어 옵니다. Mia AI는 키트의 모양과 브랜드 보이스로 글을 씁니다.

글꼴

모든 글꼴 선택 창에는 웹 안전 글꼴, 엄선한 Google Fonts, 내 글꼴(계정에서 업로드한 WOFF2 파일, 최대 20개, 파일당 최대 2MB)이 나옵니다. 모든 웹 글꼴에는 대신 쓸 웹 안전 글꼴이 있고, 선택 창에는 어떤 메일 앱이 웹 글꼴을 보여 주고 어떤 앱이 대체 글꼴을 보여 주는지 표시됩니다. 전체 목록은 이메일 클라이언트 지원을 참고하세요.

휴대폰 설정

이메일은 휴대폰 화면에 알아서 맞춰집니다. 칼럼은 세로로 쌓이고, 이미지는 화면에 맞고, 타이포그래피의 휴대폰 크기가 적용됩니다. 각 블록은 인스펙터의 모바일 섹션에서 휴대폰용으로 따로 조정할 수도 있습니다.

표시할 화면: 모든 화면, 휴대폰만, 데스크톱만.
휴대폰 안쪽 여백, 휴대폰 글자 크기(텍스트, 제목, 목록, 버튼), 휴대폰 정렬. 데스크톱과 동일로 두면 블록은 데스크톱 값을 유지합니다.
칼럼은 휴대폰에서 쌓을지, 역순으로 쌓을지, 칼럼마다 휴대폰 너비를 정해 나란히 둘지 고릅니다.

휴대폰 설정은 너비 620px 이하 화면에 적용됩니다. 클래식 Outlook과 다른 데스크톱 앱은 데스크톱 레이아웃을 유지합니다. 캔버스를 모바일로 바꾸면 확인할 수 있고, 그동안 인스펙터에서 바꾼 안쪽 여백, 글자 크기, 정렬은 휴대폰에만 적용됩니다.

다크 모드

테마 패널의 다크 모드에는 세 가지 설정이 있습니다.

자동: 다크 모드 앱이 중립적인 텍스트와 흰 배경을 표준 어두운 색으로 바꿉니다. 브랜드 색은 디자인대로 유지됩니다.
사용자 지정: 같은 색 변환을 내 다크 팔레트(텍스트, 흐린 텍스트, 카드 배경, 페이지 배경, 링크)로 합니다. 팔레트는 밝은 색에서 만들어지며 편집할 수 있습니다. 각 블록은 다크 모드 텍스트와 다크 모드 배경도 정할 수 있고, 이미지는 다크 모드용 버전으로 바꿀 수 있습니다.
끔: 다크 모드 스타일을 보내지 않습니다. Apple Mail과 Outlook은 디자인대로 이메일을 보여 주지만, Gmail 앱은 여전히 색을 반전할 수 있습니다.

내 다크 색을 적용하는 앱은 일부뿐이고, 다른 앱은 이메일 색을 직접 바꿉니다. 메일 앱 미리보기는 각 앱의 다크 모드를 측정한 그대로 보여 줍니다.

표시 위치: 인터랙티브 또는 폴백

모든 블록에는 표시 위치 설정이 있습니다. 모든 앱, 인터랙티브 이메일이 작동하는 곳만, 대체 표시되는 곳만입니다. "웹에서 투표하기"처럼 블록이 폴백으로 바뀌는 곳에서만 의미 있는 문구에는 폴백 전용 텍스트 블록을, "카드를 탭해 뒤집어 보세요" 같은 안내에는 인터랙티브 전용 블록을 쓰세요. 캔버스는 미리보기 중인 버전에서 숨겨지는 블록에 윤곽선을 그립니다.