Vega Logo
v1.0.0
Avatar
아바타(avatar)는 프로필 사진 또는 대체 이미지를 통해 사용자를 표현하는 요소입니다.
Type
Shape
VU

Circle

VU

Square

Type
VU

Image

VU

Icon

VU

Text

Size
사이즈는 xs / sm / md / lg / xl / 2xl 6개의 사이즈를 사용합니다. Default는 md 입니다. 중요도와 시각적 균형에 맞게 사이즈를 사용합니다.

xs (16px)

J
N
F
U
V
H

sm (20px)

J
N
F
U
V
H

md (24px)

J
N
F
U
V
H

lg (32px)

JS
NO
FF
UG
VU
HC

xl (48px)

JS
NO
FF
UG
VU
HC

xxl (64px)

JS
NO
FF
UG
VU
HC
Icon
아바타의 아이콘 타입은 사용자를 표현하는 아이콘으로 많이 사용됩니다. 사용자를 표현하는 아이콘으로 사용할 때 사용자를 표현하는 목적과 다른 아이콘의 사용을 지양합니다.
LO

사용자

LO

은행

LO

회사

LO

판매자

LO

고객센터

Image
아바타의 이미지 타입은 사용자가 지정한 이미지 또는 회사의 로고 이미지를 사용합니다. 기계의 이미지 또는 회사 전경 같은 이미지 사용은 지양합니다.
LO

심볼

LO

로고

LO

프로필

LO

프로필

Text
아바타의 텍스트 타입은 사용자의 아이디 또는 닉네임의 영문 또는 숫자의 앞글자를 대문자로 변환해 생성합니다. xs-md 사이즈에서는 한글자만 표출하며 그 이후 사이즈에선 두글자를 표출합니다. 한글은 사용하지 않습니다.
색상 값은 아래와 같은 값을 먼저 사용하며 다른 색상 적용도 가능하나 가독성을 고려하여 지정하도록 합니다.
S
S
Q
Q
O
P1
34
WD
사용 가이드
사용 관련
avataravatar
Don’t
사진을 보여주기 위한 용도로 아바타의 image타입을 사용하지 않도록 주의합니다.

😁

금김

$$

Don’t
정해진 사이즈를 벗어나 변형하거나 목적에 맞지 않은 사용을 하지 않습니다.