Manual Guide | LG Digital Graphic Motif

Main Motif

Overview and Construction

L 모티프는 좌상단, G 모티프는 우하단에 배치합니다. 두 모티프는 언제나 세로 길이 기준 3:2 비율에 맞추어 함께 사용되어야 합니다.
본 가이드의 규정 외 임의로 변경하여 사용할 수 없으며, 모든 응용 항목에 올바르고 일관성 있는 활용이 이루어져야 합니다.

Main Motif Extension

Only L, Only G 모티프

Only L, Only G 모티프는 L 또는 G 모티프를 개별 사용하는 경우입니다. 모티프 크기는 포토 이미지에 맞추어 유연하게 사용 가능하며,
세로 기준, L 모티프 최대 12x, G 모티프 최대 8x를 넘기지 않도록 합니다.

Full G Motif

생동감을 더하기 위한 방법으로 Full G 모티프를 사용할 수 있습니다. Full G 모티프를 사용하는 경우, 전체 캔버스 면적의 80% 사용을 기본으로 합니다.

Download Ai File

Content Alignment

다른 시각적 요소와의 정렬

좌상단의 L 모티프 우측으로 헤드라인을 적용하며, 우하단의 G 모티프 좌측으로 LG로고를 적용합니다. 그래픽 모티프는 마케팅 메시지,
로고와 연계하여 시선의 흐름에 맞춰 사용할 때 가장 효과적입니다.

LG 로고

G 모티프와 Logotype의 간격은 Logotype의 ‘G’ 글자의 넓이를 기준으로 합니다. LG Logo는 G 모티프 중심선에 정렬합니다.

헤드라인 타이포그래피

L 모티프와 헤드라인의 간격은 Logotype의 ‘G’ 글자의 넓이를 기준으로 합니다. 헤드라인 영역 타이포그래피는 기본적으로 LG 스마트 서체를 사용하고
정보의 계층에 맞게 굵기를 조절하여 사용합니다. 또한 영문 폰트를 기준으로 L 모티프 하단선에 정렬합니다.

헤드라인 정렬

헤드라인 혹은 서브 헤드라인의 하단선이 L 모티프의 하단선과 일치되도록 정렬되어야 합니다. 캘리그라피 사용, 사선 쓰기 등으로 인해 헤드라인의 하단선을 특정
하기 어려운 특수한 경우에는, L 모티프 하단 요소와 중앙 정렬 표기도 가능합니다. 헤드라인 텍스트는 지정된 범위 안에서 자유롭게 크기 조절이 가능합니다.

헤드라인 + 바디 카피

헤드라인 하단 기준선을 L 모티프 하단과 정렬시켜 사용하며, 바디 카피는 헤드라인 하단에 위치합니다. 바디 카피 문구는 최대 4줄을 넘지 않는 것을 권장합니다.

Colors

Color System

Primary Color Palette

LG Red, PMS 207C, CMYK 0 100 62 22, RGB 165 0 52, HEX #A50034

LG Gray, PMS 424C, CMYK 0 0 0 70, RGB 107 107 107, HEX #6B6B6B

LG White, PMS 424C, CMYK 0 0 0 0, RGB 255 255 255, HEX #FFFFFF

Secondary Color Palette

LG Pink, PMS 225C, CMYK 0 100 0 0, RGB 236 0 140, HEX #EC008B

LG Teal, PMS 7711C, CMYK 98 0 28 4, RGB 0 150 170, HEX #0096AA

LG Orange, PMS 152C, CMYK 0 62 95 0, RGB 233 115 0, HEX #E97300

LG Purple, PMS 267C, CMYK 82 97 0 0 , RGB 97 39 158, HEX #61279E

LG Light Teal, PMS 3385C, CMYK 45 0 35 0, RGB 60 213 175, HEX #3CD5AF

LG Yellow, PMS 115C, CMYK 0 5 98 0, RGB 255 218 39, HEX #FFDA27

LG Light Purple, PMS 2582C, CMYK 35 70 0 0, RGB 177 80 197, HEX #B150C5

LG Light Gray, PMS Cool Gray 1C, CMYK 0 0 0 10, RGB 217 218 219, HEX #D9DADB

LG Black, CMYK 0 0 0 100, RGB 0 0 0, HEX #1D1D1B

Metallic Color Palette

LG Silver Metallic , PMS 877C, CMYK 53 43 39 0, RGB 138 140 143, HEX #8A8C8F

LG Gold Metallic , PMS 872C, CMYK 20 30 70 15, RGB 180 151 90, HEX #B49759

웹 접근성 명도대비

Color Contrast Ratio

되도록 많은 사람들이 쉽게 인지할 수 있도록, 문자와 배경 색상은 최소 대비 비율인 4.5:1의 WCAG AA 기준에 맞추거나 초과하여 적용합니다.

그라데이션 효과 적용

색상을 유연하게 사용함으로써 표현하고자 하는 이미지에 활력을 불어넣을 수 있습니다. 필요에 따라 Opacity를 조절하여 사용할 수 있으며,
모티프의 톤온톤(Tone on Tone) 사용을 권장합니다. 또한 Opacity 관련 내용은 상단 Color Gradient를 참고하여 적용합니다.