🌄

박스 레이어

 
notion imagenotion image

▶색상

notion imagenotion image
타일에서는 글꼴의 색만을 변경하는 것이 아니라 색상 팔레트를 선택하는 방식입니다. 색상 팔레트는 박스의 색, 텍스트의 기본 색, 텍스트의 강조 색을 모두 포함하고 있습니다.
박스색, 기본 텍스트 색, 강조 색 순서로 표시되며 박스색이 민트색이고 기본 텍스트 컬러는 검은색이며, 텍스트를 강조하기 위한 색은 노란색이라는 의미입니다.

▶배치

notion imagenotion image
타일에는 웹에서 자주 쓰이는 배치들이 미리 준비되어 있습니다. 배치들 중에는 이미지 요소를 백그라운드로 쓰는 종류들도 있으며, 이미지 영역과 텍스트 영역을 분할하여 사용하는 배치도 있습니다.
notion imagenotion image
아래의 두 가지 예시를 보면, 첫번째 슬라이드는 이미지 영역과 텍스트 영역이 완벽하게 분리되어 있습니다. 이 때는 그라이데션 효과를 적용할 수 없습니다. 두번째 예시처럼 박스 영역이 이미지 위에 별도로 존재할 때는 그라뎅이션 효과 적용이 가능합니다.
notion imagenotion image
notion imagenotion image
 

▶선표시

notion imagenotion image
박스 컬러 대신에 선을 표시할 수 있으며, 선 요소가 선택되면 박스의 컬러는 자동으로 투명해집니다. 박스의 컬러와 선은 동시에 사용할 수 없으며(수동모드에서는 가능), 선표시 아이콘을 통해 다양한 종류의 선을 넣을 수 있습니다.
 

▶선모양

notion imagenotion image
선모양은 크게 직선과 점선으로 구분되어 있으며, 선택을 통해 변경하실 수 있습니다.
 

▶그라데이션

notion imagenotion image
그라이데이션 컬러 적용은 선 모양이 없는 상태에서만 표현됩니다. 일방향 및 양방향 그라데이션 중 선택을 하실 수 있으며, 컬러는 자동적으로 부여됩니다.