이 페이지의 파일은 이 사이트가 실제로 쓰는 것들입니다. 헤더의 마크를 우클릭하면 같은 로고 다운로드가 메뉴로 열립니다. 이 페이지는 거기에 팔레트와 월페이퍼를 더하고, 어떤 변형을 어디에 써야 하는지 정리합니다.
마크
변형 세 가지, 각각 SVG·PNG·WebP로 제공합니다. 래스터 파일은 512 × 512이고,
SVG는 0 0 512 512 viewBox 위에 그려져 있어 어떤 크기로도 확대됩니다.
#d9c28bSVG · PNG · WebP
#000000SVG · PNG · WebP
SVG · PNG · WebP
| 변형 | 이럴 때 쓰세요 |
|---|---|
| Mark | 기본. 밝은 배경에서도 어두운 배경에서도 버티는 단색 골드이며, 파비콘 크기로 줄여도 살아남습니다 |
| Mono | 단색 인쇄, 이미 색이 많은 밝은 배경, 또는 골드가 다른 색과 부딪히는 자리 |
| Gradient | 크게 쓸 때만. 표지 슬라이드, 스티커, 히어로 이미지용입니다. 램프는 #f7ecd0 → #e9d49d → #d9c28b → #8c7458이고, 96 px 아래로 내려가면 뭉개집니다 |
파일 이름은 각각 gori, gori_dark, gori_white이고, 헤더의 다운로드 메뉴는
이 셋을 각각 Mark, Dark, Color로 부릅니다.
gori_white는 흰색 마크가 아니라 그러데이션입니다. 파일 이름이 이 라벨보다
먼저 생겼고 다른 곳들이 이 경로를 참조하고 있어 이름은 그대로 둡니다. 어두운
배경용으로 뒤집은 흰색 마크는 없습니다. 어두운 배경에는 단색 골드를 쓰세요.
컬러
터미널과 이 사이트는 하나의 팔레트를 씁니다. 그래서 대부분의 값에 자리가 둘 있습니다.
| 컬러 | Hex | 역할 | 값이 사는 곳 |
|---|---|---|---|
| Brand gold | #d9c28b |
마크, 그리고 지금 주목받는 것을 감싸는 포커스 테두리 | gori.svg의 fill, goridark 테마의 focus_gold, 사이트 워드마크 그러데이션의 마지막 스톱 — 한 값이 세 곳에 |
| Gold highlight | #f7ecd0 |
그러데이션 마크에서 빛을 받는 모서리 | gori_white.svg의 첫 스톱 |
| Leaf gold | #c8a860 |
이 사이트의 링크·구분선·강조 | 사이트의 --accent |
| Deep gold | #8a6a28 |
밝은 캔버스에서 같은 역할을 하되 읽히도록 낮춘 값 | goriday의 focus_gold. 이 사이트는 #a8791f를 씁니다 |
| Ink | #0a0a0b |
터미널 캔버스 | goridark의 bg |
| Indigo-black | #080a11 |
이 사이트의 캔버스 — 같은 밤을 한 톤 푸르게 | 사이트의 --bg |
| Cloud indigo | #6c7eb2 |
월페이퍼의 구름·물결 선묘 | 사이트의 --cloud-rgb |
| Paper | #faf9f7 |
두 표면 모두의 밝은 캔버스 | goriday의 bg, 사이트의 라이트 --bg |
TUI에서 기능적인 색을 유지하는 것은 HTTP 상태뿐이며, 그건 브랜드가 아니라 테마의 결정입니다. 기본 제공 팔레트 서른 개는 테마 가이드에 있습니다.
월페이퍼
먹과 금박, 그리고 붓으로 그린 구름 선묘. 팔레트 전체를 여기서 샘플링했습니다. 두 가지 컷이며, 존재하는 크기는 이게 전부입니다.
사용
gori는 Apache-2.0이고, 그 라이선스가 덮는 것은 코드지 마크가 아닙니다. 이 파일들은 gori를 가리키는 데 쓰세요. 글, 발표, 비교 표, gori와 연동되는 무언가에 다는 배지 같은 것들입니다.
마크를 다시 칠하거나, 새로 그려 흉내 내거나, 여러분 프로젝트·제품의 마크로 삼는 것은 삼가 주세요. gori가 무언가를 보증하는 것처럼 보이게 쓰는 것도 마찬가지입니다. 애매하면 물어보세요.