신한카드
Icon
신한카드의 아이콘은 아래와 같이 사용합니다.
전체_Main ICON(150)
해당페이지로 이동메인에서만 활용 되고, 서브페이지에서는 활용하지 않습니다. (실제 아이콘 사이즈 : 150 x 150px)
서비스_Main ICON(150)
해당페이지로 이동서비스 메인에서만 활용 되고, 서브페이지에서는 활용하지 않습니다. (실제 아이콘 사이즈 : 150 x 150px)
서브페이지(150)
해당페이지로 이동서브페이지에서만 활용됩니다. (실제 아이콘 사이즈 : 150 x 150px)
카드상세페이지(210)
카드상세페이지에서만 활용됩니다. (실제 아이콘 사이즈 : 210 x 210px)
Semantic Case
해당페이지로 이동상태, 경고 등의 시스템 정보를 나타내는 시스템 컬러를 활용한 뱃지
100 bg 컬러와 화이트 텍스트를 사용하여 강한 대비감을 주어 상태를 강조한다
100 bg 컬러와 화이트 텍스트를 사용하여 강한 대비감을 주어 상태를 강조한다
Non-Semantic Case
시스템적 상태를 나타내는 것이 아닌, 각각의 정보를 나타내는 신한pLay 디자인 컬러를 활용한 뱃지
020 bg 컬러와 100 컬러 텍스트를 사용하여 항목에 대한 보조 정보를 제공한다.
020 bg 컬러와 100 컬러 텍스트를 사용하여 항목에 대한 보조 정보를 제공한다.
신한카드의 아이콘은 아래와 같이 사용합니다.
전체_Main ICON(150)
해당페이지로 이동메인에서만 활용 되고, 서브페이지에서는 활용하지 않습니다. (실제 아이콘 사이즈 : 150 x 150px)
서비스_Main ICON(150)
해당페이지로 이동서비스 메인에서만 활용 되고, 서브페이지에서는 활용하지 않습니다. (실제 아이콘 사이즈 : 150 x 150px)
서브페이지(150)
해당페이지로 이동서브페이지에서만 활용됩니다. (실제 아이콘 사이즈 : 150 x 150px)
카드상세페이지(210)
카드상세페이지에서만 활용됩니다. (실제 아이콘 사이즈 : 210 x 210px)
Semantic Case
해당페이지로 이동상태, 경고 등의 시스템 정보를 나타내는 시스템 컬러를 활용한 뱃지
100 bg 컬러와 화이트 텍스트를 사용하여 강한 대비감을 주어 상태를 강조한다
100 bg 컬러와 화이트 텍스트를 사용하여 강한 대비감을 주어 상태를 강조한다
Non-Semantic Case
시스템적 상태를 나타내는 것이 아닌, 각각의 정보를 나타내는 신한pLay 디자인 컬러를 활용한 뱃지
020 bg 컬러와 100 컬러 텍스트를 사용하여 항목에 대한 보조 정보를 제공한다.
020 bg 컬러와 100 컬러 텍스트를 사용하여 항목에 대한 보조 정보를 제공한다.