구분선 카드

구분선 카드

구분선 카드는 콘텐츠와 콘텐츠 사이에 선을 넣어 페이지 구조를 명확하게 나눠주는 도구예요. 정보가 많은 페이지일수록 구분선 하나로 가독성이 크게 달라지니, 섹션 사이마다 적절히 활용해 보세요.

1. 모양 선택하기

CdBd 구분선은 4가지 모양을 지원해요. 페이지 톤·콘텐츠 분위기에 맞는 선을 선택해 보세요.

모양	어울리는 분위기
실선	가장 기본적인 구분 — 깔끔·정돈된 인상
긴 점선	조금 더 가벼운 분위기 — 일정·체크리스트 사이 구분
짧은 점선	섬세하고 부드러운 느낌 — 상품 정보·옵션 사이 구분
물결선	손글씨 같은 따뜻한 인상 — 청첩장·축하 페이지에 잘 어울려요

2. 굵기와 색깔 조절하기

• 굵기: 슬라이더로 1~4 단계까지 조절. 기본값 1은 얇고 섬세, 4는 강조 효과
• 색깔: 우측 색상 원을 눌러 자유롭게 변경. 페이지 테마와 같은 색을 쓰면 자연스럽고, 보색을 쓰면 강조선이 돼요

3. 상하 여백 조절하기

구분선 위·아래 여백을 0~4 단계로 조절할 수 있어요. 카드와 카드 사이 호흡을 결정하는 요소예요. 정보가 빽빽한 페이지에는 여백을 크게, 미니멀한 페이지에는 작게 두면 좋아요.

4. 카드 디자인 (배경·외부여백)

카드 디자인 섹션에서 구분선 자체가 아닌 카드 영역의 배경·테두리·여백을 따로 조정할 수 있어요. 구분선만 살짝 띄워 강조하거나, 좌우 여백을 줘서 본문 폭과 다르게 보이도록 만들 수 있어요.

💡 활용 팁

• 실선 + 얇은 굵기 + 옅은 회색: 가장 무난한 섹션 구분 (위 스크린샷 1번)
• 물결선 + 브랜드 컬러: 청첩장·이벤트 초대장의 우아한 포인트 (위 스크린샷 4번)
• 짧은 점선 + 굵기 2: 메뉴판이나 가격표에서 항목 구분
• 굵은 실선 + 강조 색: 페이지 상단 헤더와 본문을 분리할 때