디자인 에셋 요청서
디자인팀 에셋 요청서
섹션 제목: “디자인팀 에셋 요청서”작성일: 2026년 2월 6일 (금)
요청 부서: 개발팀
요청 마감일: 2026년 2월 14일 (금) - 스테이징 개발 시작 전
리브랜딩 배포일: 2026년 3월 26일
1. 요청 개요
섹션 제목: “1. 요청 개요”3월 26일 예정된 사명 및 로고 전면 교체에 따라, 웹사이트에서 사용되는 모든 로고 및 이미지 에셋을 요청드립니다.
2. 필요 에셋 목록
섹션 제목: “2. 필요 에셋 목록”2.1 메인 로고 (총 8개 파일)
섹션 제목: “2.1 메인 로고 (총 8개 파일)”웹사이트 헤더, 푸터 등에 사용되는 메인 로고입니다.
| 파일명 | 형식 | 크기/사양 | 용도 | 색상 |
|---|---|---|---|---|
| logo-red.svg | SVG | 벡터 | PC 헤더 로고 | 빨간색 (기본) |
| logo-red.png | PNG | 배경 투명, 최소 300px 너비 | Schema.org 데이터용 | 빨간색 |
| logo-white.svg | SVG | 벡터 | 흰색 배경용 로고 | 흰색 |
| logo-white.png | PNG | 배경 투명, 최소 300px 너비 | 흰색 배경용 PNG | 흰색 |
| logo-original.svg | SVG | 벡터 | 회사소개 페이지용 | 원본 컬러 |
| logo-mobile-red.png | PNG | 배경 투명, 모바일 최적화 | 모바일 헤더 | 빨간색 |
| logo-mobile-white.png | PNG | 배경 투명, 모바일 최적화 | 모바일 흰색 배경 | 흰색 |
| logo-colorfinder.svg | SVG | 벡터 | 컬러파인더 페이지 로고 | 흰색 |
참고: 현재 파일명은 logo-samhwa-red.svg 형태입니다. 가능하면 동일한 파일명 규칙 유지를 권장드립니다.
2.2 Favicon (총 3개 파일)
섹션 제목: “2.2 Favicon (총 3개 파일)”브라우저 탭, 북마크에 표시되는 작은 아이콘입니다.
| 파일명 | 형식 | 크기/사양 | 용도 |
|---|---|---|---|
| favicon.ico | ICO | 16x16, 32x32, 48x48 포함 | 브라우저 탭 아이콘 |
| favicon.png | PNG | 32x32, 배경 투명 | 일부 브라우저용 |
| apple-touch-icon.png | PNG | 180x180 | iOS 홈화면 아이콘 (선택) |
ICO 파일 요구사항:
- 멀티 해상도 지원 (16x16, 32x32, 48x48 모두 포함)
- 작은 크기에서도 식별 가능한 단순화된 디자인
2.3 대리점 찾기 지도 마커 (총 4개 파일)
섹션 제목: “2.3 대리점 찾기 지도 마커 (총 4개 파일)”확인 페이지: https://samhwa.com/customer/findus
대리점 찾기 페이지의 카카오맵에서 대리점 위치를 표시하는 마커입니다. 현재 빨간색 말풍선 안에 “SAMHWA” 로고가 들어있습니다.
| 파일명 | 형식 | 크기 | 용도 | 디자인 참고 |
|---|---|---|---|---|
| marker_default.svg | SVG | viewBox 58x74 | 기본 마커 | 빨간 말풍선 + 신규 로고 |
| marker_on.png | PNG | 112x112px | 선택된 마커 | 강조 효과 |
| marker_default_en.png | PNG | - | 영문 기본 마커 | 동일 디자인 |
| marker_on_en.png | PNG | 112x112px | 영문 선택 마커 | 동일 디자인 |
현재 마커 이미지 위치:
sknk/src/images/contents/customer/marker_default.svgsknk/src/images/contents/customer/marker_on.png
디자인 요구사항:
- 빨간색 말풍선 형태 유지
- 말풍선 안에 신규 로고/심볼 배치
- 지도 위에서 잘 보이도록 대비 고려
2.4 뉴스레터/소셜 공유용 이미지 (총 4개 파일)
섹션 제목: “2.4 뉴스레터/소셜 공유용 이미지 (총 4개 파일)”SNS에서 링크 공유 시 썸네일로 표시되는 이미지입니다.
| 파일명 | 형식 | 크기 | 용도 |
|---|---|---|---|
| og-image.png | PNG | 1200x630px | 기본 OG 이미지 (카카오톡, 페이스북 등) |
| og-image-newsletter.png | PNG | 1200x630px | 뉴스레터 공유용 |
| og-image-en.png | PNG | 1200x630px | 영문 사이트용 |
| twitter-card.png | PNG | 1200x600px | 트위터 카드용 (선택) |
디자인 요구사항:
- 신규 로고 + 신규 사명 포함
- 브랜드 컬러 적용
- 작은 썸네일에서도 로고/사명 식별 가능
2.5 이메일 템플릿용 로고 (선택, 1개 파일)
섹션 제목: “2.5 이메일 템플릿용 로고 (선택, 1개 파일)”고객 문의 접수 확인 메일 등에 사용됩니다.
| 파일명 | 형식 | 크기 | 용도 |
|---|---|---|---|
| logo-email.png | PNG | 200px 너비, 배경 투명 | 이메일 본문 로고 |
3. 파일 전달 형식
섹션 제목: “3. 파일 전달 형식”권장 전달 방식
섹션 제목: “권장 전달 방식”design-assets/├── logo/│ ├── logo-red.svg│ ├── logo-red.png│ ├── logo-white.svg│ ├── logo-white.png│ ├── logo-original.svg│ ├── logo-mobile-red.png│ ├── logo-mobile-white.png│ └── logo-colorfinder.svg├── favicon/│ ├── favicon.ico│ └── favicon.png├── marker/│ ├── marker_default.svg│ ├── marker_on.png│ ├── marker_default_en.png│ └── marker_on_en.png├── og-image/│ ├── og-image.png│ ├── og-image-newsletter.png│ └── og-image-en.png└── email/ └── logo-email.png4. 체크리스트
섹션 제목: “4. 체크리스트”디자인팀에서 파일 전달 전 확인해주세요:
- SVG 파일: 불필요한 레이어/그룹 정리됨
- SVG 파일: 아웃라인 처리됨 (폰트 사용 시)
- PNG 파일: 배경 투명 처리됨
- PNG 파일: 적절한 해상도 (Retina 대응 2x 권장)
- ICO 파일: 멀티 해상도 포함됨
- 마커 이미지: 실제 지도 배경에서 테스트됨
- OG 이미지: SNS 미리보기에서 테스트됨
5. 일정
섹션 제목: “5. 일정”| 일정 | 내용 |
|---|---|
| 2/14 (금) | 에셋 전달 완료 요청 |
| 2/17 (월) | 스테이징 개발 시작 |
| 3/10 (화) | 스테이징 테스트 시작 |
| 3/24-25 | 최종 검수 |
| 3/26 (목) | 프로덕션 배포 |
참고: 3/10 스테이징 테스트 전까지 에셋이 준비되어야 전체 일정에 차질이 없습니다.
6. 문의
섹션 제목: “6. 문의”에셋 사양 관련 문의사항은 스컹크웍스스튜디오 현승인 PM (nbf@skunkworks.co.kr)으로 연락 부탁드립니다.