Banner
원본: projects/skill-lens/design/components/Banner/README.md
상태: Experimental(초안), 접근성 △, 다크 ✓, 코드 ✗
안내 상자(8판 .note, .ai): 연보라 기본, 회색, 산호 옅은 바탕, 렌지 안내. 행동은 하나까지
지금 상태와 할 일을 한두 줄로 알리는 안내 상자입니다. 원본은 8판 .note와 .ai.
쓰는 곳
"46개를 다 열지 않아도 돼요" 같은 안내, 검토대기, 렌지가 찾은 내용, 결과확정 막힘("검토필요 n명 남았어요", "반영 대기 n건 남았어요": 확인 필요 톤 + 남은 목록으로 가는 행동 하나, 도메인 규칙 6).
구성(화면이 넘겨줄 것)
톤, 문장 한두 줄, (선택) 행동 버튼 하나.
규칙
- 기본: 연보라 바탕, 둥글기 12, 안쪽 14 16, 글자 14, 굵은 구절은 보라.
--muted(회색),--warn(산호 옅은 바탕, 옛--attention과 같음),--done,--locked.- 렌지 안내(
--ai): 둥글기 14, 머리 줄(sl-banner__head, 렌즈 점 + 13 보라 600), 끝 줄(sl-banner__foot, 13 회색). - 한 화면에 하나. 오류는 그 자리에.
접근성
role="status".
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.