리블 로고
워드마크·심볼·리블 AI 로고예요. 글자는 currentColor라 라이트·다크를 따라가요.
모바일PCPleos · 개발 중ReevlMax · ReevlMark · ReevlMobile · ReevlAI · ReevlFooter
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 리블 로고(색을 바꾸거나 늘이지 않아요).
인터페이스#
타입에서 자동으로 뽑은 표예요.
ReevlMax#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
ReevlMark#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| grad | - | boolean |
ReevlMobile#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
ReevlAI#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| flat | - | boolean |
ReevlFooter#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 로고는 role="img" · aria-label="Reevl"로 읽혀요.
가이드라인#
쓰는 규칙#
이렇게 하지 않아요
- 로고 색을 바꾸거나 늘이지 않아요. 파란 점만 브랜드 파랑이에요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |
| Pleos개발 중 | 차량 앱의 ReevlLogo(공개 저장소)로 따로 구현했어요. 웹과 같은 로고 경로를 그대로 써요. |