01 / BRAND ICONS

작은 표식에도,
같은 기준.

CVA의 브랜드 아이콘입니다.
쓰려는 크기와 배경에서 살펴보고, SVG 원본을 선택하세요.

하나의 CVA, 서로 다른 역할.

모양이 제품을 구분하고,
같은 획과 여백이 하나의 CVA로 묶습니다.

펼친 책은 Elio Story의 표식입니다.
Elio는 이 기준을 공유하는 디자인 시스템입니다.

THE FAMILY

정본 아이콘을 불러오고 있습니다.

아이콘을 준비하고 있습니다.

ManagerCue·타임링크는 함께 쓰는 연관 제품입니다. 여기의 표식은 CVA 안에서 제품을 찾기 위한 탐색 심벌입니다.

IN USE

사용 맥락을 보여 주는 구성 예시입니다.

Elio페이지 제작실

관계를 고르고,
페이지로 만듭니다.

헤더 · 32px 컬러시스템은 CVA 표식과 Elio 이름으로 소개합니다.

Loki방송 요약

긴 방송의 흐름에서,
다시 볼 순간까지.

제품 카드 · 24px 컬러표식, 제품 이름, 쓰임을 한 줄에서 읽습니다.

순간을 찾는 자리

Dayline일정과 기록

TTaempad시점 비교

작은 탐색 표식 · 16·20px micro작은 크기에서도 이름이 의미를 완성합니다.

Elio Story24px 단색 · 밝은 면

Elio Story24px 반전 · 어두운 면

펼친 책은 Elio Story의 표식입니다. 같은 형태를 유지하고, 배경에 맞는 단색·반전 원본을 선택합니다.

16·20px에는 micro, 24px 이상에는 일반 컬러 자산을 사용합니다. 단색은 밝은 배경, 반전은 어두운 배경에서 확인하세요.

제품 이름이 옆에 있으면 이미지는 장식으로 둡니다. 아이콘만 있는 버튼에는 수행할 행동을 읽을 수 있는 이름을 제공합니다.

16px는 그림의 크기입니다. 버튼 전체를 16px로 줄이지 않고, 실제 조작 영역에 충분한 여백과 명확한 포커스를 둡니다.

이미지 연결 예시

이름이 바로 옆에 있는 링크에서는 대체 설명을 중복하지 않습니다.

<a href="제품의 실제 경로">
  <img src="아이콘.svg" width="32" height="32" alt="">
  제품 이름
</a>

단독 이미지에는 제품 이름을 alt로 제공합니다. 이 자산은 <img>로 연결하며, SVG 내부의 형태·비율·색을 임의로 변경하지 않습니다.