test

내기도 한다. Open color의 회색은 다른 색상들과는 달리 이런 용도를 염두에 두고 제작되었기 때문에 각 단계의 명도 차이가 일정하지 않다. 아래는 이미지는 오픈컬러의 회색 스펙트럼이다.

자세히 보면 gray 0, gray 1, gray 2의 색 차이는 무척 근소하고 gray 6과 gray 7은 눈에 띄게 차이가 난다. 각각 어디에 쓰이는 것을 상정한 색상인지 아래에서 실례와 함께 용도를 보자.

텍스트

본문 텍스트 컬러에는 gray 7이나 gray 8을 사용한다. Gray 7은 부드러운 느낌이 나며, 배경과 자연스럽게 어우러진다. 메뉴 레이블, 버튼 텍스트 등 기능적인 UI 요소에 적절하다. 반면 블로그나 SNS, 헤드라인 등 콘텐츠가 강조되는 곳에서는 글씨가 배경과 또렷이 구분되는 8번이 적합하다.

Gray 7을 적용한 텍스트

본문 텍스트 컬러에는 gray 7이나 gray 8을 사용한다. Gray 7은 부드러운 느낌이 나며, 배경과 자연스럽게 어우러진다. 메뉴 레이블, 버튼 텍스트 등 기능적인 UI 요소에 적절하다. 반면 블로그나 SNS, 헤드라인 등 콘텐츠가 강조되는 곳에서는 글씨가 배경과 또렷이 구분되는 8번이 적합하다.

Gray 8을 적용한 텍스트

본문 텍스트 컬러에는 gray 7이나 gray 8을 사용한다. Gray 7은 부드러운 느낌이 나며, 배경과 자연스럽게 어우러진다. 메뉴 레이블, 버튼 텍스트 등 기능적인 UI 요소에 적절하다. 반면 블로그나 SNS, 헤드라인 등 콘텐츠가 강조되는 곳에서는 글씨가 배경과 또렷이 구분되는 8번이 적합하다.

Leave a Comment

우리 웹사이트에서 최상의 경험을 드릴 수 있도록 쿠키를 사용해요. 이 사이트를 계속 이용하시면, 우리가 쿠키를 사용하는 것에 동의하게 되요.
동의