브랜드/색상
색상
위키미디어 색상은 코어 팔레트, 레거시 팔레트 및 크리에이티브 팔레트의 세 가지 색상 팔레트로 구성됩니다. 색상을 특정 값으로 정의하여 디자인에서 쉽게 구현할 수 있습니다.
코어 팔레트
코어 팔레트는 검정과 흰색과 검정 3가지 음영(검정 25, 검정 50 및 검정 75)으로 구성되어 있습니다. 검정과 흰색은 레거시 팔레트 및 크리에이티브 팔레트의 색상과 잘 어울리는 당사의 주요 색상입니다. 위키미디어 재단 로고는 검은색 또는 흰색입니다. 이 접근 방식을 사용하면 다양한 상황에서 유연하고 쉽게 사용할 수 있습니다.
| 색상 | 흰색 | 검은색 | 검정 75 | 검정 50 | 검정 25 |
| 16진수 코드 | FFFFFF | 000000 | 404040 | 7F7F7F | BFBFBF |
레거시 팔레트
레거시 팔레트는 위키미디어 운동과 밀접하게 관련된 세 가지 색상인 녹색, 파란색 및 빨간색으로 구성됩니다. 배경색, 제목 또는 헤드라인 색상 및 브랜드 의류에 사용할 수 있습니다. 색상은 흰색과의 조합에 대해 AAA 승인 대비와 함께 접근성에 최적화된 버전으로도 제공됩니다.
| 색상 | 녹색 | 파랑 | 적색 | 녹색 AAA | 파랑 AAA | 적색 AAA |
| 16진수 코드 | 396 | 0063BF | 900 | 246342 | 0C57A8 | 970302 |
크리에이티브 팔레트
크리에이티브 팔레트는 전 세계 커뮤니티 그룹에서 자주 사용하는 색상에서 파생된 11가지 색상과 많은 사랑을 받고 있는 위키백과 20주년 생일 색상으로 구성되어 있습니다. 또한 레거시 및 코어 팔레트를 보완하기 위해 개발된 팔레트로, 많은 색상이 필요한 상황에서 더 큰 다양성을 제공합니다. 여기의 빨강, 파랑 및 녹색은 AA 승인을 위해 조정되었기 때문에 레거시 팔레트와 약간 다릅니다.
크리에이티브 팔레트에는 강한 색상과 밝은 음영이 모두 포함되어 있습니다. 프레젠테이션이나 팜플렛의 배경색과 같이 보다 미묘한 표현이 필요한 경우 밝은 음영이 유용할 수 있습니다. 더 밝은 색상은 팔레트의 일부로 충분히 인식되지 않기 때문에 로고 개발에 사용하기에 적합하지 않습니다.
강한 색상
| 색상 | 적색 | 핑크색 | 오렌지색 | 노랑 | 자주색 | 짙은 녹색 |
| 16진수 코드 | 970302 | E679A6 | EE8019 | F0BC00 | 5748B5 | 305D70 |
| 색상 | 파랑 | 밝은 파란색 | 밝은 노랑 | 녹색 | 밝은 녹색 | - |
| 16진수 코드 | 0E65C0 | 049DFF | E9E7C4 | 308557 | 71D1B3 | - |
밝은 색상
| 색상 | 적색 | 핑크색 | 오렌지색 | 노랑 | 자주색 | 짙은 녹색 |
| 16진수 코드 | E5C0C0 | F9DDE9 | FBDFC5 | FBEEBF | D5D1EC | CBD6DB |
| 색상 | 파랑 | 밝은 파랑 | 밝은 노랑 | 녹색 | 밝은 녹색 | - |
| 16진수 코드 | C3D8EF | C0E6FF | F9F9F0 | CBE0D5 | DBF3EC | - |
개발자용
템플릿, 모듈 및 가젯 개발자는 위의 모든 항목에 대한 CSS 스타일시트를 찾을 수 있습니다.
색상 사용
조합
메시지를 쉽게 읽을 수 있도록 색상 블록에 회색 또는 색상 텍스트를 사용하지 않는 것이 좋습니다. 최상의 결과를 얻으려면 이 페이지의 앞부분에서 색상을 소개했을 때와 같이 "대부분의" 색상에 검은색을 사용하십시오. 크리에이티브 팔레트의 빨강, 파랑, 녹색, 짙은 녹색 및 자주색만 흰색 텍스트와 잘 어울립니다. 밝은 팔레트의 색상은 검은색 텍스트와 가장 잘 어울립니다. 이것은 가능한 한 많은 사람들이 텍스트를 쉽게 읽을 수 있도록 하는 데 정말 중요합니다.
색상 금지
접근성을 위해 대비가 충분하지 않으므로 텍스트의 크리에이티브 팔레트에서 강한 색상과 밝은 색상을 결합하지 않는 것이 좋습니다.
