Emailable 로고
Emailable 로고를 사용하는 경우 로고에서 문자 "e"의 높이 / 너비를 최소 거리로 사용하여 로고 주변에 충분한 공간을 두십시오. 또한 사용되는 시나리오에 따라 올바른 버전의 로고를 사용해야합니다 (아래 참조).
로고 키트 다운로드본관
밝은 배경에서 기본 버전을 사용하십시오. 로고의 색상을보기 어렵게 만드는 색상 배경에 로고를 사용하지 마십시오.
빛
어두운 배경에는 밝은 버전을 사용하십시오. 로고의 색상을보기 어렵게 만드는 색상 배경에 로고를 사용하지 마십시오.
검은색
색상 사용이 제한되거나 꼭 필요한 경우 밝은 배경에 검정색 버전을 사용하세요. 그렇지 않으면 기본 버전을 사용하십시오. 선호하는 배경색: 흰색
하얀색
반드시 필요한 경우에만 어두운 배경에 흰색 버전을 사용하십시오. 그렇지 않으면 Light 로고를 사용하십시오.
상
이메일 가능 아이콘을 사용할 때 아이콘 주변에 충분한 공간을 남겨두십시오(예는 로고 키트 내부에서 찾을 수 있습니다). 또한 아이콘 색상이 보기 어려워지지 않도록 사용되는 시나리오에 따라 올바른 버전의 아이콘을 사용해야 합니다(아래 참조).
기본
밝거나 어두운 배경에서는 기본 버전을 사용하세요. 선호하는 배경 색상: 흰색, 어두운, 어두운 그라데이션
검은색
밝은 배경에서는 검정색 버전을 사용하세요. 선호하는 배경 색상: 보라색 - 음영 2, 어두운, 어두운 그라데이션
하얀색
색상 사용이 제한되거나 꼭 필요한 경우 어두운 배경에 흰색 버전을 사용하세요. 선호하는 배경 색상: 보라색 - 음영 2, 어두운, 보라색 그라데이션, 어두운 그라데이션
색상
보라색
- RGB 126, 97, 255
- CMYK 0.506, 0.620, 0.000, 0.000
- HEX #7E61FF
보라색-색조 1
- RGB 147, 122, 255
- CMYK 0.424, 0.522, 0.000, 0.000
- HEX #937AFF
보라색-색조 2
- RGB 167, 148, 255
- CMYK 0.345, 0.420, 0.000, 0.000
- HEX #A794FF
보라색-색조 3
- RGB 188, 173, 255
- CMYK 0.263, 0.322, 0.000, 0.000
- HEX #BCADFF
보라색-색조 4
- RGB 209, 198, 255
- CMYK 0.180, 0.224, 0.000, 0.000
- HEX #D1C6FF
보라색-음영 1
- RGB 90, 61, 179
- CMYK 0.497, 0.659, 0.000, 0.298
- HEX #5A3DB3
보라색-음영 2
- RGB 51, 32, 94
- CMYK 0.457, 0.660, 0.000, 0.631
- HEX #33205E
어두움
- RGB 26, 16, 47
- CMYK 0.447, 0.660, 0.000, 0.816
- HEX #1A102F
빨강
- RGB 255, 95, 125
- CMYK 0.000, 0.627, 0.510, 0.000
- HEX #FF5F7D
주황
- RGB 255, 156, 91
- CMYK 0.000, 0.388, 0.643, 0.000
- HEX #FF9C5B
노랑
- RGB 255, 203, 96
- CMYK 0.000, 0.204, 0.624, 0.000
- HEX #FFCB60
초록
- RGB 92, 215, 170
- CMYK 0.572, 0.000, 0.209, 0.157
- HEX #5CD7AA
초록 2
- RGB 63, 179, 163
- CMYK 0.648, 0.000, 0.089, 0.298
- HEX #3FB3A3
회색
- RGB 120, 110, 175
- CMYK 0.314, 0.371, 0.000, 0.314
- HEX #786EAF
회색-색조 1
- RGB 145, 133, 208
- CMYK 0.303, 0.361, 0.000, 0.184
- HEX #9185D0
회색-색조 2
- RGB 180, 172, 226
- CMYK 0.204, 0.239, 0.000, 0.114
- HEX #B4ACE2
회색-색조 3
- RGB 217, 213, 241
- CMYK 0.100, 0.116, 0.000, 0.055
- HEX #D9D5F1
회색-음영 1
- RGB 92, 82, 146
- CMYK 0.370, 0.438, 0.000, 0.427
- HEX #5C5292
회색-음영 2
- RGB 69, 62, 109
- CMYK 0.367, 0.431, 0.000, 0.573
- HEX #453E6D
회색-음영 3
- RGB 44, 38, 76
- CMYK 0.421, 0.500, 0.000, 0.702
- HEX #2C264C
타이포그래피
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- 가볍게 300
- 보통 400
- 중간 500
- 세미 볼드 600
- 굵게 700
Aa
제목
Aa
부제목
Aa
본문 텍스트
간격
제목
제목의 줄 높이는 1.3em 또는 {글꼴 크기} * 1.3 이어야 합니다.
본문 텍스트
본문 텍스트의 줄 높이는 1.75em 또는 {글꼴 크기} * 1.75 여야 합니다.
텍스트 색상
보라색
주 제목 위에있는 부제목에 사용됩니다. 밝은 배경에서만 사용하십시오.
보라색-색조 3
차분한 색상이 적절한 본문 및 기타 시나리오에 사용됩니다. 어두운 배경에서만 사용하십시오.
보라색-색조 4
차분한 색상이 적절한 본문 및 기타 시나리오에 사용됩니다. 자주색 배경에만 사용하십시오.
회색
차분한 색상이 적절한 본문 및 기타 시나리오에 사용됩니다. 밝은 배경에서만 사용하십시오.
회색-색조 2
자주색보다 차분한 색상이 적절한 부제목에 사용됩니다. 밝은 배경에서만 사용하십시오.
회색-음영 1
여러 단락이 있는 기사의 본문 텍스트에 사용됩니다.
디자인 요소
어두운 그라디언트
어두운 배경이 필요할 때 사용됩니다. 이 그래디언트는 중심이 오른쪽에서 20%, 요소의 아래쪽에서 20 %인 원입니다.
- 0%보라색-음영 2
- 100%어두움
자주색 그라디언트
더 밝고 화려한 배경이 필요할 때 사용됩니다. 이 그래디언트는 중심이 오른쪽에서 20 %, 요소의 아래쪽에서 20 % 인 원입니다.
- 0%보라색
- 100%보라색-음영 1