Branding Guidelines

여기에서 webpack 프로젝트 브랜드 지침, 자산 및 라이선스를 찾을 수 있습니다. 더 자세한 내용과 이 작업에 적용되는 라이선스를 참조하려면, 공식 미디어 저장소를 확인하세요. 이미지를 다운로드하려면 이미지를 클릭하세요.

The Name

webpack은 문장의 시작에서는 대문자 W를 사용할 수 있으나 그 외의 모든 경우에는 소문자로 작성합니다.

webpack 로고는 다음과 같이 주위에 충분한 공간이 있는 흰색 배경에 배치되어야 합니다.

webpack logo default with proper spacing on light background

svg | png | jpg

안쪽의 짙은 파란색 큐브 크기를 두배로 늘리면 로고의 공간이 어느 정도인지 알 수 있습니다.

어두운 배경의 경우, 색상 반전 버전의 로고를 사용할 수 있습니다.

webpack logo default with proper spacing on light background

svg | png | jpg

Icon only

아이콘은 레이아웃이 제한된 영역에서 사용하도록 설계되었습니다. 앞서 설명한대로 icon + text 사용을 권장합니다.

icon example

svg | png | jpg

더 큰 영역(예: 아바타 또는 프로필 사진)을 위한 정사각형 크기의 아이콘:

icon square big example

svg | png | jpg

작은 영역을 위한 정사각형 크기의 아이콘(예:파비콘):

icon square small example

svg | png | jpg

icon square small example

Font

우리는 '원하는 만큼 지불하는' 모델로 전체 font family를 제공하는 매우 재능있는 사람들의 Atipo Foundry에서 아름다운 Geomanist Medium 폰트를 사용합니다.

Color Palette

다음 색상은 사이트 전체에서 다양한 조합으로 사용되며 공식 webpack 스토어에서 Open CollectiveThreadless의 도움으로 출시된 멋진 의류 라인에 사용됩니다!

색상 이름 HEX 코드 RGB 코드 예제
Malibu: HEX #8dd6f9 rgb: 141, 214, 249
 
Denim: HEX #1d78c1 rgb: 29, 120, 193
 
Fiord: HEX #465E69 rgb: 70, 94, 105
 
Outer Space: HEX #2B3A42 rgb: 43, 58, 66
 
White: HEX #ffffff rgb: 255, 255, 255
 
Concrete: HEX #f2f2f2 rgb: 242, 242, 242
 
Alto: HEX #dedede rgb: 222, 222, 222
 
Dusty Gray: HEX #999999 rgb: 153, 153, 153
 
Dove Gray: HEX #666666 rgb: 102, 102, 102
 
Emperor: HEX #535353 rgb: 83, 83, 83
 
Mine Shaft: HEX #333333 rgb: 51, 51, 51
 

또한, 아래 링크에서 직접 다음 파일 형식을 가져올 수 있습니다.

psd | png | ai | svg

License

로고와 브랜드 이름은 MIT 라이선스가 아닙니다. 사용지침은 우리의 라이선스를 확인하세요.