로고·앱 아이콘
로고 종류와 쓰는 규칙, 홈 화면·설치형 앱 아이콘. 화면의 값은 빌드할 때 제품 코드에서 바로 읽었어요.
로고 종류#
모든 로고는 코드의 SVG 컴포넌트예요. 글자는 currentColor라 라이트·다크에서 저절로 맞고, 파란 네모는 어느 배경에서도 브랜드 파랑이에요.
워드마크(ReevlMax)
사이드바 펼침 · 문서 머리 · 페이지 상단 · 최소 높이 14px 이상
심볼(ReevlMark)
사이드바 접힘 · 좁은 자리 · 최소 높이 20px 이상
심볼 + AI 그라디언트
AI 기능을 가리킬 때 한 곳만 · 최소 높이 20px 이상
모바일 머리(ReevlMobile)
폰 위 막대 가운데 · 최소 높이 14px 이상
리블 AI(ReevlAI)
리블 AI 기능 이름 자리(뒤 글에서 AI를 다시 쓰지 않아요) · 최소 높이 10px 이상
푸터(ReevlFooter)
사이트 맨 아래 · 최소 높이 14px 이상
Open
Open
리블 Open 잠금(로고 + Open)
리블 Open 머리 · 최소 워드마크 높이 18px
쓰는 규칙#
- 둘레에 로고 높이의 절반만큼 빈 공간을 둬요.
- 색을 바꾸거나 늘이거나 그림자·외곽선을 더하지 않아요. 파란 네모만 브랜드 색이에요.
- AI 그라디언트 로고는 화면에 한 곳만 써요.
- 로고 파일은 미디어 키트에서만 내려받아요. 여기는 미리보기예요.
앱 아이콘#
홈 화면에 추가했을 때의 아이콘, 설치형 앱 아이콘(마스크 가능), 탭의 파비콘, 공유 이미지예요. 실제 크기로 보여 줘요.
리블
