Palette color

Semantic color의 참조가 되는 여기어때만의 컬러 팔레트를 정의합니다.

Palette color

Semantic color의 참조가되는 여기어때만의 컬러 팔레트를 정의합니다.

Palette color

Semantic color의 참조가 되는 여기어때만의 컬러 팔레트를 정의합니다.

Primary color

Primary color
Primary color
Common

Common

Common

100

#FFFFFF

0

#000000

Neutral

Neutral

Neutral

10

#FAFAFA

50

#F5F5F5

100

#E6E6E6

200

#DCDCDC

300

#BBBBBB

400

#999999

500

#8B8B8B

600

#707070

700

#5C5C5C

800

#474747

900

#222222

Lively red

Lively red

Lively red

50

#FFF5F5

100

#FFEDEA

200

#FEDFDE

500

#FB7F79

800

#F94239

900

#EA2013

Cyan

Cyan

Cyan

50

#F2F8FF

100

#E3F0FF

200

#D0E6FF

500

#57A9FF

800

#1D8BFF

900

#006CE0

Permissible opacity color

YDS에서는 원칙적으로 Neutral light, Neutral dark를 제외한 팔레트 색상의 불투명도 조정이 허용되지 않습니다. 채도가 있는 색상 중 예외적으로 허용되는 색상은 별도로 표기합니다.

Permissible opacity color

YDS에서는 원칙적으로 Neutral light, Neutral dark를 제외한 팔레트 색상의 불투명도 조정이 허용되지 않습니다. 채도가 있는 색상 중 예외적으로 허용되는 색상은 별도로 표기합니다.

Permissible opacity color

YDS에서는 원칙적으로 Neutral light, Neutral dark를 제외한 팔레트 색상의 불투명도 조정이 허용되지 않습니다. 채도가 있는 색상 중 예외적으로 허용되는 색상은 별도로 표기합니다.

Neutral light

Neutral light

Neutral light

88

#FFFFFF, 88%

72

#FFFFFF, 72%

56

#FFFFFF, 56%

48

#FFFFFF, 48%

24

#FFFFFF, 24%

16

#FFFFFF, 16%

8

#FFFFFF, 8%

0

#FFFFFF, 0%

Neutral dark

Neutral dark

Neutral dark

90

#000000,

90%

80

#000000,

80%

72

#000000,

72%

64

#000000,

64%

56

#000000,

56%

48

#000000,

48%

40

#000000,

40%

32

#000000,

32%

24

#000000,

24%

16

#000000,

16%

8

#000000,

8%

6

#000000,

6%

4

#000000,

4%

2

#000000,

2%

0

#FFFFFF,

0%

Alpha color

Alpha color

Alpha color

LivelyRed800A24

#F94239, 24%

Cyan800A20

#1D8BFF, 20%

Neutral50A0

#F5F5F5, 0%

Neutral10A0

#FAFAFA, 0%

Multi color

다양한 색상과 함께 활용 가능한 추가 UI 요소에는 멀티 컬러를 사용합니다.

Multi color

다양한 색상과 함께 활용 가능한 추가 UI 요소에는 멀티 컬러를 사용합니다.

Multi color

다양한 색상과 함께 활용 가능한 추가 UI 요소에는 멀티 컬러를 사용합니다.

Yellow

Yellow

Yellow

50

#FFF4D8

100

#FFEFC3

800

#FFC83B

900

#FFB803

Green

Green

Green

50

#E7F7F3

100

#D9F2EC

800

#01A484

Orange

Orange

Orange

50

#FFE7D6

100

#FFDAC2

600

#FF7847

Navy

Navy

Navy

10

#F5F7FA

500

#49627A

Membership color

엘리트 컬러

Membership color

엘리트 컬러

Membership color

엘리트 컬러

Violet

Violet

Violet

10

#F6F5FF

50

#EDEBFF

100

#DCD6FF

400

#A799FF

600

#7059FA

800

#4F3BCC

Logo color

각종 로고 컬러

Logo color

각종 로고 컬러

Logo color

각종 로고 컬러

Logo

Logo

Logo

GC

#F7323F, Yeogi red

Partner logo

Partner logo

Partner logo

KAKAO_Y

#FFDE00

KAKAO_B

#3C1E1E

FACEBOOK

#1877F2

NAVER

#00C73C

Credit

Contributor

쿼티@Qwerty, 테나@Terna

Credit

Contributor

쿼티@Qwerty, 테나@Terna

Credit

Contributor

쿼티@Qwerty, 테나@Terna

Copyright © GC COMPANY Corp. All rights reserved.

Copyright © GC COMPANY Corp.

All rights reserved.

Copyright © GC COMPANY Corp. All rights reserved.