네모네모 부품
점무늬 띠
연보라 점무늬 위에 종이색 글자 판이 놓이는 가로 띠예요. 문서 표지와 절 머리에만 써요. 서비스 화면에는 쓰지 않아요.
기본
점무늬는 연해서 글자를 방해하지 않아야 해요. 그래서 제목은 꼭 종이색 판 위에 둬요.
DOT BAND
REPORT
11월 포인트 리포트
이번 달 모으고 쓴 포인트를 한눈에 봐요.
<DotBand
eyebrow="REPORT"
title="11월 포인트 리포트"
lede="이번 달 모으고 쓴 포인트를 한눈에 봐요."
meta="작성 박성준 | 2026.11.12"
/>최소 구성
라벨, 설명, 부가 정보는 모두 빼도 돼요. 제목만 있어도 띠가 되어요.
TITLE ONLY
2장 지난달 회고
<DotBand title="2장 지난달 회고" />이렇게 써요
문서 맨 위 표지, 긴 문서의 장 시작
이렇게읽는 문서의 시작 알림으로만 써요. 화면에 한 번이면 충분해요.
앱 홈, 목록, 입력 화면의 배경
이렇게 말고서비스 화면 배경에 점무늬를 깔면 눈이 피곤하고 누를 곳이 묻혀요.
속성
| 속성 | 값 | 기본값 | 설명 |
|---|---|---|---|
title | ReactNode | 없음 | 큰 제목 |
eyebrow | string | 없음 | 제목 위 작은 영문 라벨 |
lede | ReactNode | 없음 | 제목 아래 한두 줄 설명 |
meta | ReactNode | 없음 | 작성자, 날짜 같은 부가 정보 |