GI Marketing Tools
소재 배너 생성기
사내에서는 HTML을 짜서 headless Chrome으로 캡처해 왔습니다. 그 방식을 브라우저 canvas로 옮겼습니다 — 서버로 올리지 않으니 대기도 비용도 없고, 이미지가 밖으로 나가지도 않습니다.
규격
바탕
배치
이 도구를 쓰는 법
- 세이프영역이 이 도구의 이유입니다. 규격을 맞춰도 UI에 가려지면 문구가 안 보입니다. 점선 안쪽에만 글자를 두십시오. 규격 치트시트와 같은 데이터를 씁니다.
- 브랜드 규칙을 코드로 막아 뒀습니다. 크림 바탕을 고르면 시트론 대신 올리브가 나옵니다. 크림 위 시트론은 대비 1.2:1이라 사실상 보이지 않기 때문입니다. 모서리와 그림자도 쓰지 않습니다.
- 내려받는 파일에는 가이드가 들어가지 않습니다. 화면에서만 보여주고 저장 직전에 지웁니다.
- 폰트는 Pretendard가 설치된 브라우저에서만 정확히 나옵니다. 없으면 시스템 폰트로 대체되어 줄바꿈이 달라집니다.
- 로고는 넣지 않았습니다. 공식 로고는 원본 PNG를 얹어야 하고 비율을 고정해야 합니다 — 여기서 다시 그리면 가짜 로고가 됩니다.