<aside> 📍 How to use Labels

• 정의된 스타일을 적절한 상황에 사용해야 하며, 정의되지 않은 새로운 스타일은 재사용성이 높을 경우에만 담당자와 논의하여 가이드에 추가하여 관리합니다. </aside>

Labels

사용자가 상품이나 댓글, 컨텐츠 등을 쉽게 선택할 수 있도록 돕는 요소입니다. 부가적인 정보를 전달하거나, 타입이나 상태 등을 구분합니다.

Basic

일반적인 정보 분류에 사용합니다. 상품에 대한 구매 욕구를 높이기 위한 정보 노출을 강조하기 위해 사용합니다.

Variants

Fill 과 Outline으로 구분합니다.

Fill 스타일의 경우는 할인, 상품의 직접적인 영향을 미치는 가격 등을 표기할 때 사용되며, 대체로 상품에 적용된 쿠폰을 노출할 때 사용합니다. Outline은 쿠폰 외의 상품과 관련된 부가정보 중에서도 강조가 필요한 내용을 노출할 때 사용합니다. 예를 들어 무료배송, Soldout 등이 있습니다.

Buyer

상품 구매자와 관련된 특정 속성을 강조하기 위해 사용합니다. 기본적으로 리뷰&댓글 영역에서 사용되며, 상품을 2회 이상 구매한 사용자부터 사용자 닉네임 우측으로 노출됩니다. 다른 라벨과 함께 사용하지 않고 독립적으로 사용합니다.

Review

상품 리뷰를 종류에 따라 구분하기 위해 사용합니다. 다른 라벨과 함께 사용하지 않고 독립적으로 사용합니다.

Variants

Editor, MD, Agent로 구성합니다. 상품 리뷰의 종류에 따라 3가지의 타입이 있고 타입별 사용되는 아이콘과 색상이 상이하니 주의하여 사용합니다.

• 에디터 리뷰
  • Icon : ic_editor_fill_24X24
  • Color : #0005E1
• MD 리뷰
  • Icon : ic_editor_fill_24X24
  • Color : #F1491E
• 에이전트F
  • Icon : ic_agent_fill_24X24
  • Color : #E6973B

Content

펀테나 서비스 내 구성된 콘텐츠와 관련된 속성과 함께 사용합니다. 다른 라벨과 함께 사용하지 않고 독립적으로 사용합니다.

Variants

자유게시판을 제외한 펀테나 카테고리와 자유게시판으로 구분되어 종류에 따라 다른 색상을 사용합니다. NEWS, STORY, 프리오더의 경우엔 펀테나 서비스 색상을 사용하여 라벨을 구성합니다. 자유게시판에서 사용되는 라벨의 경우는 Warning 색상을 사용하며 ‘#’기호와 함께 공지와 같은 고정된 게시물에 한하여 사용합니다.

• Funtena : #0C224B
• 자유게시판 : #F1161B

목차