바꾸면 미리보기에서 바로 다시 재생돼요.
나타나는 속도
다시 그리기
효과 속도
간격
파트너 로고를 올리면 컬러가 자동으로 맞춰져요.
& 시작 부분 (사선)
그라데이션
시작
끝
d 안쪽 틈
&day 기본 컬러 · day 글자 색
PARTNER · 코브랜딩의 크기와 간격
크기 밸런스
← &day 크게파트너 크게 →
간격
길이
내려받는 이미지 크기예요.
다른 사이즈
×
여백
PNG · JPG 해상도
1파트너
로고를 올리면 여백·배경 정리와 컬러가 자동으로 맞춰져요.
2내려받기
무엇을 받을까요?
어떤 형식을 써야 할까요?
| 어디에 쓰나요 | 형식 | 메모 |
|---|---|---|
| 홈페이지 (움직이는 로고) | 코드 | 아래 “홈페이지에 넣기”. 가장 선명하고 움직임까지 그대로 |
| 홈페이지·Figma·웹 디자인 | SVG | 크기를 바꿔도 깨지지 않아요 |
| PPT·키노트·워드·한글 | PNG | 투명 배경이라 어디에나 자연스러워요. SVG는 프로그램에 따라 안 열릴 수 있어요 |
| 카톡·메신저·메일 첨부 | JPG / PNG | JPG가 가장 가볍고, 투명이 필요하면 PNG |
| 인스타그램·SNS | PNG / JPG | 사이즈 탭에서 “정사각”을 고르면 바로 올릴 수 있어요 |
| 이메일 서명 | PNG 2x | 가로형 · 기본 사이즈 |
| 명함·현수막·인쇄 | SVG | 인쇄소에는 SVG(벡터). 이미지가 필요하면 PNG 4x |
PNG·JPG는 완성된 모습의 정지 이미지예요. 움직임은 SVG와 홈페이지 코드에서만 재생됩니다.
3홈페이지에 넣기
- nday-logo.js 파일을 홈페이지에 한 번 올리고
- 로고 자리에 아래 코드를 붙여넣으면 끝. 크기는
width만 바꾸면 돼요.