DX 디자인 가이드

신한카드

신한카드(개발계)

홈페이지 퍼블 리스트

Color

아래의 정의된 색상을 사용하여 화면을 구성합니다.

Primary

Blue

#DAE2FF

#91A8ff

#476Eff

#3048a2

Dark blue

#D1D2d9

#B1b7c4

#76798e

#414e7f

#3d4964

#323b50

#293143

#1C263B

#1b1f42

#050f26

Secondary colors

Green

#ddf6e2

#99e4a8

#55d26e

#06cc9d

#0CA32B

#25957a

Green / blush

#e5f8f7

#25c4cc

#116E72

Orange

#Fcdbd3

#F7937C

#F46F51

#F14B25

Pastel Pink

#FEE8F2

#FCBAD8

#fa8cbe

Pastel Yellow

#Fff5e1

#FFE1A5

#FFCD69

#FFB626

Pink

#ffdde2

#ff99a8

#FF667c

#FF556e

#FF0065

Purple

#dcdcf4

#9696de

#8869cc

#6a44bf

#5050c8

Purple / blush

#DABDEE

#976abb

#a550d4

#6f1a9d

Red

#f8e4e4

#e97777

#855151

#b64343

#da1d1d

Skyblue

#d6f4fc

#84def6

#32c8f0

#00b1e1

#0073ae

Grayscale

#000000

#FFFFFF

rgba(255, 255, 255)

Gray

#EFF0F5

#EEEEEE

#DDDDDD

#CCCCCC

#BBBBBB

#888888

#666666

#333333

Sub

#494F60

#91A1B2

#B8BBC5

Background

#383B5A

#E7E9EE

#F1F1F3

#F4F7FC

#EDF0F8

#F8F8F8

#12131C

#D0DAE6

#F6F6F6

Transparent

#FFFFFF

rgba(255, 255, 255)

Line

#2C3548

#686868

#B4B4B4

#CCCCCC

#EEEEEE

Dim

#000000
opacity : 70%

rgba(0, 0, 0)

Shadow

#1619247F
opacity : 50%

rgba(22, 25, 36)

Primary

Blue

#464Eff

#3048A2

#1949FF

Dark blue

#494F60

#383B5A

#2C3548

#081350

Secondary colors

Red

#da1d1d

Grayscale

#000000

#FFFFFF

rgba(255, 255, 255)

Gray

#111111

#333333

#666666

#888888

#999999

#BBBBBB

#DDDDDD

Background

#383B5A

#91A1B1

#D0DAE6

#E8F0Fe

#EDF0F8

#EFF0F5

#F4F7FC

#F6F6F6

#F8F8F8

#F9F9F9

Line

#BBBBBB

#BCBCBC

#CCCCCC

#DDDDDD

#EEEEEE

Dim

#000000
opacity : 70%

rgba(0, 0, 0)

Shadow

Drop Shadow

opacity : 40%
Angle : 124º
Distance : 4px
Size : 38px
#717995

rgba(113, 121, 149)

Drop Shadow

Depth : 42%
Size : 46px
Angle : -45º
#ffffff

rgba(255, 255, 255)