사이트나 브랜드에 맞게 캠페인 글꼴, 색상, 패딩(여백) 및 기타 스타일 설정을 편집하세요.

각 이메일 캠페인은 여러 섹션으로 구성됩니다. 대부분의 섹션은 개별적으로 스타일을 지정할 수 있지만 전체 캠페인에 영향을 미치는 특정 '글로벌' 스타일 설정이 있습니다. 이를 통해 일관된 모습을 만들어 통합된 브랜드를 유지하는 데 도움이 됩니다.

이러한 글로벌 스타일은 각 캠페인 전반에 적용됩니다.

• 글꼴
• 텍스트 크기
• 링크 색상
• 주변 배경색

웹사이트 스타일 설정을 캠페인에 자동으로 적용하거나, 이러한 스타일을 수동으로 설정할 수 있습니다. 또한 모든 요소의 색상을 저장하여 재사용하거나 캠페인을 복제하여 새 초안에서 모든 스타일 설정을 재사용할 수 있습니다.

팁: 글로벌 스타일을 조정하려면 섹션 외부의 영역(이메일 배경)을 클릭하세요.

웹사이트 스타일 적용

캠페인이 웹사이트의 미적 감각과 일치하도록 하려면 사이트 로고를 자동으로 삽입하고 사이트의 색상 팔레트에 따라 색상을 적용할 수 있습니다. 이렇게 하는 방법:

1. 캠페인 초안 편집 도중 오른쪽 패널에서 스타일을 클릭하세요.
2. 사이트 빠른 일치를 클릭하세요. 버튼이 표시되지 않는다면 콘텐츠 섹션의 스타일 설정이 열려 있는 상태일 수 있습니다. 초안 콘텐츠 외부의 영역을 클릭하면 글로벌 이메일 스타일이 표시됩니다.
3. 사이트 로고를 삽입하려면 로고 삽입을 클릭하세요. 사이트 로고를 추가하지 않은 경우 이 옵션은 비활성화됩니다.
4. 캠페인의 색상을 변경하려면 색상 구성표 중 하나를 클릭하세요. 이러한 테마를 변경하려면 사이트의 색상 팔레트를 변경하세요.

이러한 변경을 수행한 후, 실행 취소 화살표를 클릭하여 이전 설정으로 되돌릴 수 있습니다. 로고를 제거하려면 캠페인 미리보기에서 로고를 클릭한 후 오른쪽 패널에서 텍스트를 선택하세요.

글꼴 선택

어느 섹션에서나 글꼴 팩을 클릭하여 캠페인의 모든 텍스트에 사용할 글꼴을 설정하세요.

글꼴 팩은 구독자가 눈에 잘 띄고 메시지에 집중할 수 있도록 디자이너가 신중하게 선택한 글꼴 조합입니다. 옵션을 탐색하여 캠페인의 톤과 콘텐츠에 맞는 글꼴 팩을 찾으세요.

글꼴 팩 내에서 개별 글꼴을 편집할 수 있는 방법은 없습니다. Squarespace 글꼴 팩은 다양한 메일 클라이언트에서 일관되게 보이도록 큐레이팅하였습니다. 예를 들어 대부분의 모바일 이메일 클라이언트는 웹 글꼴을 지원하지 않으며 대신 자체 기본 글꼴로 대체합니다. Squarespace 글꼴 팩의 글꼴은 최대한의 호환성을 위해 선택되었으므로 초안에 표시되는 글꼴이 구독자의 받은 편지함에 표시되는 글꼴과 최대한 비슷하게 표시됩니다.

특정 위치에 다른 글꼴이 필요한 경우 이미지로 추가하거나 색상과 서식을 사용하여 텍스트를 구별하는 것이 좋습니다.

예를 들어, Bloom 레이아웃에서 "Bloom"은 머리말에 추가된 이미지이고 "extra special"(자체 텍스트 섹션)은 기울임꼴로 표시되고 분홍색으로 표시되어 눈에 잘 띕니다.

텍스트 크기 설정

어느 섹션에서나 글꼴 크기를 클릭하여 캠페인의 모든 텍스트 크기를 설정하세요.

• 기본 글꼴 크기 슬라이더를 사용하여 캠페인 본문 텍스트의 크기를 선택하세요.
• 타입 스케일 슬라이더를 사용하여 텍스트 크기 대비를 설정하세요. 예를 들어, 유형 배율이 작으면 머리말이 단락 텍스트보다 약간 큰 "플랫" 이메일이 생성되고 유형 배율이 크면 머리말이 상대적으로 커집니다.

몇 가지 예외가 있습니다. 머리말 텍스트에는 자체 크기 설정이 있으며, 다음 요소는 현재 고정 크기입니다.

• 버튼 텍스트
• 블로그 게시물 및 제품 제목
• 블로그 게시물 날짜
• 제품 가격
• 주소와 구독 취소 링크를 포함한 바닥글 텍스트

색상 변경

요소를 클릭하여 콘텐츠 배경이나 링크 색상을 변경하면 이메일 팔레트 및 사이트 팔레트라는 두 가지 옵션이 해당 색상 견본과 함께 표시됩니다.

이메일 팔레트

이메일 팔레트 아래에 캠페인에서 현재 사용 중인 색상이 표시됩니다.

• 기존 색상을 사용하려면 해당 색상 견본을 클릭하세요.
• 새 색상을 추가하려면 색상 선택기 내에서 원하는 색상을 찾은 후 나타나는 견본에서 +를 클릭하세요.
• 색상을 삭제하려면 견본을 클릭한 다음 견본에서 X를 클릭하세요.

팁: 색상을 통해 개성을 표현하는 방법에 대한 팁을 확인하세요.

원하는 색상의 값을 알고 있는 경우 값 필드에 입력하면 됩니다. 다른 스타일 설정에서 정확한 색상을 복사하기에 좋은 방법입니다. 값 필드에는 HEX와 RGB를 사용할 수 있습니다.

사이트 팔레트

사이트 팔레트에서 사이트 스타일에 사용된 색상이 나타납니다. 이 옵션을 사용하여 캠페인이 사이트 브랜딩과 일치하도록 할 수 있습니다.

• 사이트 팔레트 색상을 사용하려면 해당 색상 견본을 클릭하세요. 이렇게 하면 이메일 팔레트에 추가됩니다.
• 사이트 팔레트 색상을 직접 변경하거나 삭제할 수 없습니다. 대신 사이트 스타일에서 사이트의 색상을 변경하세요.

이메일 팔레트에서 실수로 색상 견본을 삭제했어요

해당 색상이 다른 섹션에서 사용되고 있다면 기본 견본 색상에 다시 추가할 수 있습니다. 예를 들어, 블로그 게시물 버튼에 사용 중인 견본 색상을 삭제하는 경우:

1. 블로그 게시물 섹션을 클릭하세요.
2. 세부 정보를 클릭하세요.
3. 버튼 색상을 클릭하세요.
4. 해당 색상의 견본에서 +를 클릭하면, 해당 색상이 다른 색상 스타일 지정 영역에 다시 나타납니다.

캠페인에서 해당 색상이 사용되지 않는 경우, 현재로서는 해당 색상을 복구할 방법이 없습니다. 실수로 견본을 삭제할 경우를 대비하여 사용 중인 색상의 HEX 코드를 적어 두면 도움이 됩니다.

소셜 링크 색상

이메일 캠페인 바닥글에 있는 소셜 링크 색상은 변경할 수 없습니다.

배경색

배경색 설정에는 세 가지 종류가 있습니다.

• 이메일 배경 - 콘텐츠 주변 영역의 배경색입니다. 아래 두 가지 스타일을 투명으로 설정하면 캠페인 콘텐츠 뒤에 표시되는 색상도 이 색상으로 설정됩니다.
• 콘텐츠 배경 - 캠페인의 모든 섹션 뒤에 있는 배경색입니다. 섹션 색상이 투명으로 설정된 경우, 섹션 뒤에 표시되는 색상은 이 색상입니다. 모든 섹션에 고유한 색상 설정이 있는 경우 이 색상은 어디에도 표시되지 않을 수 있습니다.
• 섹션 색상 - 개별 섹션의 배경색입니다. 각 섹션의 스타일을 독립적으로 지정할 수 있습니다. 섹션 색상이 투명으로 설정되어 있으면 콘텐츠 배경 또는 이메일 배경이 섹션 뒤에 대신 표시됩니다.

이메일 배경 및 콘텐츠 배경을 설정하려면 섹션 외부 영역을 클릭한 후 사이드 패널의 옵션을 클릭하세요. 섹션의 색상을 설정하려면 섹션을 클릭한 후 섹션 색상을 클릭하세요.

다음 사항에 유의하세요.

• 이미지 섹션의 경우, 배경색은 캡션과 투명한 이미지 영역 뒤에만 표시됩니다. 예를 들어, 아래 이미지 섹션 레이아웃을 선택하고 캡션을 숨기면 배경색이 보이지 않습니다.
• 모바일에서 볼 때 이메일이 전체 화면을 차지하는 경우가 많아 일부 기기에서는 배경색이 표시되지 않을 수 있습니다.
• 투명한 배경을 만들려면 왼쪽에 있는 대각선 무늬의 견본을 선택하세요.

텍스트 링크 스타일 지정

텍스트 링크는 글로벌 글꼴 팩과 글로벌 글꼴 크기를 따릅니다. 캠페인의 모든 링크 색상을 설정하려면 섹션 외부 영역을 클릭한 다음 링크 색상을 클릭하세요.

팁: 브라우저에서 보기 링크는 머리말 배경색 위에 표시되므로 자체 색상 옵션이 있습니다.

패딩(여백)

텍스트와 이미지 주위의 여백을 변경하려면 섹션을 클릭하여 패딩(여백) 옵션을 확인하세요. 패딩(여백) 모양은 장치에 따라 다를 수 있습니다. 예를 들어, 모바일 기기에서는 작은 화면에서도 콘텐츠가 선명하게 보이도록 캠페인 이미지에 패딩(여백)을 적용하지 않습니다.

패딩(여백)이 너무 많거나 적은 경우 필요에 맞는 이상적인 모양을 찾을 때까지 다양한 설정을 실험해 보세요. 구독자들이 캠페인을 보는 방식에 따라 캠페인의 외관이 약간 다를 수 있음을 유념하세요.

팁: 스페이서를 사용하여 섹션 위와 아래에 더 많은 여백을 추가할 수 있습니다.

반응형 디자인

이메일 캠페인의 기본 제공 반응형 디자인은 수신자의 화면에 따라 이미지와 텍스트의 크기를 조정합니다. 구독자가 컴퓨터 앞에 앉아 있든, 기차를 기다리며 스마트폰으로 이메일을 확인하든, 반응형 디자인은 모든 상황에서 캠페인이 멋지게 보이도록 도와줍니다.

• 모바일 기기에서는 글꼴이 약간 커지므로 작은 화면에서 가독성이 높아집니다.
• 블로그, 제품 및 이미지 섹션의 경우 좁은 브라우저와 화면에서 이미지와 텍스트가 스택됩니다. 이렇게 하면 콘텐츠가 계속 표시되는 데 도움이 됩니다.

섹션 스타일 지정

위의 글로벌 스타일 외에도 각 섹션은 개별적으로 스타일이 지정됩니다. 왼쪽 미리보기에서 섹션을 클릭한 후, 오른쪽 패널을 사용하여 스타일을 지정하세요. 더 많은 도움이 필요하면 각 섹션 유형별 작성 및 스타일링 팁을 참조하세요.

• 블로그
• 버튼
• 이미지
• 라인
• 제품
• 스페이서
• 텍스트
• 머리말(상단 섹션)
• 바닥글(하단 섹션)

스타일 재사용

이미 템플릿으로 보낸 캠페인을 사용하려면, 모든 스타일 설정을 포함하세요.

1. 이메일 캠페인 대시보드를 여세요.
2. 전송을 클릭합니다.
3. 재사용할 스타일이 있는 캠페인에서 템플릿 재사용 아이콘을 클릭하세요.
4. 오토메이션 유형을 선택하세요.

레이아웃이 새 초안으로 표시되며, 새 캠페인의 시작점으로 사용할 수 있습니다. 자세한 내용은 이메일 캠페인 구축을 참조하세요.