위로
열기
로고
그래픽가이드

font style

웹 폰트

- 인크루트 기본 서체는 "돋움"서체 사용
body,input,button {font-size:12px; line-height:1.5em; font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#464646;}
- 부연설명이나 표안의 간략 내용설명은 작은 서체를 사용한다.
small {style="font-family: 돋움, verdana; font-size: 11px; color: #888888; line-height:16px; letter-spacing:-1; }
예) 인크루트
- color : 중요도에 따라 폰트컬러를 나눔
메인 1.#333333 2. #464646 3. #888888
포인트 컬러 : #f54c02
링크컬러 : #006f85

이미지 폰트

- 기본 :윤고딕320 crisp 13px 87% -50
기본타이틀
- 컨텐츠 타이틀 : 윤고딕330 crisp 20px 87% -50 글로벌 컬러
컨텐츠타이틀
- 중간 타이틀 : 윤고딕 330 crisp 15px 87% -50(중요도 낮은 타이틀(#333333)+ 중요도 높은 타이틀 (글로벌 색상)
중간타이틀
- Top-padding 값은 3px로 통일한다.
타이틀 여백

지정서체

- 인크루트 통합검색(http://search.incruit.com)이나 지정된 특정컨텐츠(상품)는 "굴림"서체 사용
body { font-family:굴림, Gulim, AppleGothic, sans-serif; font-size:12px; color:#000; }
통합검색 이미지
focus { font:12px/1.3 Arial,"굴림",Gulim,"돋움",Dotum,AppleGothic; letter-spacing:-1px }
상품이미지
- 기업정보, 채용정보, 이력서 타이틀 나눔고딕 사용
title {color:#000; font-family:"나눔고딕",NanumGothic,"돋움",Dotum,"굴림",Gulim,AppleGothic,sans-serif; font-size:16px; letter-spacing:-1px; text-align:center; }
채용정보타이틀
title2 {background-color:#90D6E2;color:#FFFFFF;font-family:"나눔고딕",NanumGothic,"돋움",Dotum,"굴림",Gulim, AppleGothic,sans-serif;font-size:16px;text-align:center; }
이력서타이틀
- 기타 : 더보기- 블릿 #b8b8b8 폰트 #888888
more { background:url("img/bullet/dot.gif") no-repeat 0 5px; color:#888 ; font-size:11px; letter-spacing:-1px; padding-left:10px }
더보기

Copyright ⓒ 2010 Incruit UXD. All Rights Reserved.