디자인

디자인 설정에 대해 알아봅니다.

디자인 설정은 에디터에 적용이 되는 공통 사항으로 큐샵 에디터의 LNB영역과 같은 역할을 하게 됩니다. 공통 색상, 그리드 간격 폰트 등을 선택하여 디자인을 할 수 있으며 폰트의 크기, 굵기 등은 각각의 콘텐츠 요소를 통해 설정을 할 수 있습니다.

1. 테마

콘텐츠 및 뷰포트의 기본 색상을 설정합니다. 공통적으로 적용이 될 배경, 버튼, 텍스트의 색상을 지정할 수 있으며 테마셔플을 통해 임의 색상을 지정할 수 있습니다. 테마셔플의 이전/다음 테마를 통해 임의로 선택 된 테마들을 다시 확인 할 수 있습니다.

요소에 따라 일부 개별적으로 설정이 가능합니다.

항목	설명
Background	COLOR - FLAT 배경에 하나의 색상이 적용 됩니다. COLOR - GRADIENT 배경에 그라데이션 효과로 색상이 적용 됩니다. IMAGE PC에 저장이 된 이미지를 적용합니다.
button	링크 / 도형 / 라인의 기본 색상을 설정합니다.
Text main	텍스트 / 스크롤링의 기본 색상을 설정합니다.
Text sub	링크 콘텐츠의 텍스트 / 아이콘의 기본 색상을 설정합니다.
테마셔플	색상을 임의로 지정합니다 셔플 후 이전 테마 / 다음 테마를 통해 적용이 된 색상을 확인할 수 있습니다.

2. Gap

뷰포트에 적용이 되는 텐츠 사이의 간격을 설정합니다. 최소 0px ~ 최대 10px 까지 설정이 가능합니다.

3. Font

사이트에 적용이 되는 폰트를 선택합니다.

4. Fill / Outline

링크 콘텐의 프레임 모양 및 배경색상 여부를 선택합니다. 투명 디자인을 선택하게 되면, 색상은 배경이 아닌 테두리에 적용이 됩니다.

5. Shodow

링크 콘텐츠의 그림자 여부 및 디자인을 선택합니다.