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

Color Palette

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

색상 이름HEX 코드RGB 코드예제
Malibu:HEX #8dd6f9rgb: 141, 214, 249
 
Denim:HEX #1d78c1rgb: 29, 120, 193
 
Fiord:HEX #465E69rgb: 70, 94, 105
 
Outer Space:HEX #2B3A42rgb: 43, 58, 66
 
White:HEX #ffffffrgb: 255, 255, 255
 
Concrete:HEX #f2f2f2rgb: 242, 242, 242
 
Alto:HEX #dededergb: 222, 222, 222
 
Dusty Gray:HEX #999999rgb: 153, 153, 153
 
Dove Gray:HEX #666666rgb: 102, 102, 102
 
Emperor:HEX #535353rgb: 83, 83, 83
 
Mine Shaft:HEX #333333rgb: 51, 51, 51
 

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

psd | png | ai | svg

License

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


Translators