🏷️ 회사 정보·브랜딩 설정
회사 정보·브랜딩 설정은 우리 회사의 기본 정보(회사명·담당자·연락처)와 서비스 화면에 입혀지는 브랜드(로고·컬러·도메인)를 한곳에서 관리하는 영역입니다. 여기서 설정한 값은 커스텀 도메인 로그인 화면의 브랜드 표시, 발송 메일의 보낸이 이름, 견적·문서 출력물 등에 반영되어 우리 회사만의 모습으로 운영할 수 있습니다.
설정 영역은 크게 세 갈래입니다.
- 회사 설정 화면 - 회사명·연락처 같은 기본 정보(일반 탭)와 로고·컬러·도메인 같은 브랜딩(테넌트 설정 탭)
- 회사 정보 모달 - 견적서·문서 출력에 쓰이는 사업자등록번호·직인·대표자 정보
- 이메일·지역 설정 - 발송 메일의 보낸이 이름, 기본 타임존·언어
💡 진입 경로: 회사 설정 화면(관리자 전용)에서 일반/테넌트 설정 탭을 전환합니다. 견적·문서용 회사 정보 설정은 상단 설정 메뉴에서 모달로 엽니다.
이 문서에서 다루는 내용
- 설정 영역 한눈에 보기
- 회사 기본 정보(일반)
- 이메일·지역 설정
- 브랜딩 - 로고·파비콘
- 브랜딩 - 브랜드 컬러·액센트 컬러
- 화이트라벨 - 커스텀 도메인
- 발송자 정보(이메일)
- 견적·문서용 회사 정보(사업자등록번호·직인)
- 권한과 적용 범위
- 운영 팁 & 자주 묻는 질문
1. 설정 영역 한눈에 보기
설정 항목마다 "어디에 반영되는가"가 다릅니다. 먼저 전체 지도를 보고 시작하세요.
| 탭 | 설정 항목 |
|---|---|
| 일반 | 회사명 · 홈페이지 · 담당자 · 연락처 · 정산 정보 |
| 테넌트 설정(브랜드) | 로고 · 다크모드 로고 · 파비콘 · 브랜드 색 · 강조 색 · 표준 시간대 · 언어 |
브랜딩 설정은 고객에게 나가는 메일과 화면에 반영됩니다.
| 설정 영역 | 무엇을 정하나 | 어디에 반영되나 |
|---|---|---|
| 일반 정보 | 회사명·연락처·청구 이메일 | 서비스 전반 표시, 인보이스 발송 |
| 브랜딩 | 로고·컬러·파비콘·도메인 | 로그인 화면 브랜드 표시(로고·컬러), 브랜딩 미리보기 |
| 이메일·지역 | 발송자 이름, 타임존·언어 | 발송 메일(발송자 이름). 타임존·언어는 설정값으로 저장 |
| 회사 정보 모달 | 사업자등록번호·직인·대표자 | 견적서·문서 출력물 |
💡 같은 "로고"라도 두 곳이 있습니다. 브랜딩 로고는 서비스 화면용이고, 회사 정보 모달의 회사 로고·직인은 견적서 등 출력물용입니다. 용도가 다르니 둘 다 설정하는 것을 권장합니다.
2. 회사 기본 정보(일반)
회사 설정 화면의 일반 탭에서 회사의 기본 정보를 관리합니다.
2.1 입력 항목
| 항목 | 설명 |
|---|---|
| 회사명 | 서비스 전반에 표시되는 우리 회사 이름 |
| 홈페이지 | 회사 웹사이트 주소 (예: https://example.com) |
| 담당자명 | 대표 연락 담당자 이름 |
| 연락처 | 담당자 전화번호 |
| 청구 이메일 | 인보이스(청구서)가 발송되는 이메일 |
2.2 회사명 주의사항
회사명은 서비스 곳곳에 노출되는 핵심 값입니다. 빈 값으로는 저장할 수 없으며, 변경하면 화면 표기가 즉시 바뀝니다.
💡 청구 이메일은 결제·인보이스 안내를 받는 주소입니다. 회계·재무 담당자가 따로 있다면 그 주소로 지정해 두면 누락 없이 받아볼 수 있습니다.
3. 이메일·지역 설정
발송 메일의 보낸이 표기와 회사 기본 지역을 설정합니다.
| 항목 | 설명 | 기본값 |
|---|---|---|
| 이메일 발송자 이름 | 받는 사람 메일함에 표시되는 보낸이 이름 | - |
| 타임존 | 회사 기준 타임존(설정값) | 서울 (UTC+9) |
| 언어 | 회사 기준 언어(설정값) | 한국어 |
선택 가능한 타임존은 서울·도쿄·상하이·UTC·뉴욕·런던이며, 언어는 한국어·English·日本語·中文을 지원합니다.
⚠️ 타임존·언어는 회사 환경 설정값으로 저장되며, 현재 버전에서는 이 값이 화면의 날짜·시간 표기나 표시 언어를 자동으로 바꾸지는 않습니다. 향후 적용 범위가 확장될 수 있는 환경 기준값으로 이해하세요.
💡 "발송자 이름"은 메일 본문이 아니라 받은편지함 목록에 보이는 보낸사람 표시입니다. 회사명이나 서비스명으로 지정하면 수신자가 누구의 메일인지 한눈에 알아봅니다.
4. 브랜딩: 로고·파비콘
회사 설정 화면의 테넌트 설정 탭에서 화면에 입힐 브랜드 요소를 관리합니다. 입력값은 상단의 미리보기 영역에서 실제 적용 모습을 바로 확인할 수 있습니다.
4.1 로고
| 항목 | 권장 사양 |
|---|---|
| 형식 | PNG / SVG (JPG·WebP·GIF·.ico도 가능) |
| 크기 | 가로 200px 이내, 5MB 이하 |
업로드는 파일 선택 버튼으로 올리거나, 이미 외부에 호스팅된 이미지라면 주소(URL)를 직접 입력할 수도 있습니다. 허용되지 않는 형식이거나 5MB를 넘으면 업로드가 거부되고 안내가 표시됩니다(형식 오류·용량 초과).
4.2 라이트/다크 자동 처리
로고는 배경 명도에 맞춰 자동으로 보기 좋게 표시됩니다.
| 로고 형식 | 어두운 배경 | 밝은 배경 |
|---|---|---|
| SVG | 자동으로 흰색 반전 | 자동으로 검정 표시 |
| PNG·이미지(래스터) | 자동 반전 불가 → 다크모드 로고 필요 | 원본 그대로 |
PNG 등 일반 이미지 로고를 올리면 다크모드 로고 칸이 추가로 나타납니다. 어두운 브랜드 배경에서 쓸 밝은(흰색 계열) 로고를 따로 올려두면, 배경이 어두울 때 자동으로 그 로고가 사용됩니다.
미리보기 카드에서 브랜드 배경색 위에 로고가 어떻게 보이는지 즉시 확인할 수 있습니다. 대비가 약하면 다크모드 로고를 따로 올리거나 브랜드 색을 조정하세요.
💡 가능하면 SVG 로고를 권장합니다. 배경 명도에 따라 흰색/검정으로 알아서 반전되어 다크모드 로고를 따로 올릴 필요가 없습니다.
4.3 파비콘
파비콘은 브라우저 탭과 즐겨찾기에 표시되는 작은 아이콘입니다.
| 항목 | 권장 사양 |
|---|---|
| 형식 | .ico / .png / .svg |
| 크기 | 32×32 또는 64×64 |
파비콘은 브라우저 탭에 표시되는 아이콘으로 등록·저장합니다. 적용 시점·범위는 환경에 따라 다를 수 있으며, 브라우저가 이전 아이콘을 캐시하면 새로고침 후에 반영됩니다.
5. 브랜딩: 브랜드 컬러·액센트 컬러
브랜드 컬러는 서비스 화면의 주요 색(버튼·강조 영역 등)에 반영되는 우리 회사 대표 색입니다.
5.1 두 가지 컬러
| 컬러 | 역할 |
|---|---|
| 브랜드 컬러 | 화면의 주된 강조색(메인 버튼·헤더 등) |
| 액센트 컬러 | 보조 강조색(태그·배지 등 포인트 요소) |
5.2 입력 방법
색은 두 가지로 지정할 수 있습니다.
- 색상 팔레트: 사각형 색상 버튼을 눌러 컬러 피커에서 시각적으로 선택
- 직접 입력: `#RRGGBB` 형식(예: `#0A1F6E`)으로 직접 타이핑
| 항목 | 설정 방법 |
|---|---|
| 브랜드 컬러 | 색상 칩을 클릭해 컬러 피커로 고르거나 #RRGGBB 로 직접 입력 |
| 액센트 컬러 | 같은 방식. 버튼·강조 요소에 쓰입니다 |
색을 바꾸면 미리보기에 즉시 반영되므로 로고와의 대비를 확인하고 저장하세요.
5.3 글자색 자동 대비
브랜드 컬러의 밝기에 따라 그 위에 올라가는 글자색(흰색/검정)이 자동으로 조정됩니다. 어두운 색을 고르면 흰 글자, 밝은 색을 고르면 검은 글자가 적용되어 가독성이 유지됩니다.
⚠️ 컬러는 반드시 `#` 뒤에 여섯 자리 16진수(`#RRGGBB`) 형식이어야 저장됩니다. 형식이 맞지 않으면 저장 시 안내가 표시됩니다.
💡 브랜딩 폼 하단에는 저장과 함께 되돌리기 버튼이 있습니다. 로고·컬러·도메인 등을 이것저것 바꿔본 뒤 저장하기 전이라면 되돌리기로 마지막 저장 상태로 한 번에 원복할 수 있습니다.
6. 화이트라벨: 커스텀 도메인
커스텀 도메인은 sufly 기본 주소 대신 우리 회사 도메인으로 서비스에 접속하게 하는 화이트라벨 기능입니다.
6.1 동작 방식
| 단계 | 내용 |
|---|---|
| 도메인 입력 | 테넌트 설정 탭에 우리 도메인 입력 (예: `crm.example.com`) |
| 접속 인식 | 해당 도메인으로 들어온 방문자를 우리 회사로 자동 인식 |
| 브랜드 표시 | 로그인 화면에 우리 회사 로고·브랜드 컬러가 표시됨 |
미설정 시에는 sufly 기본 도메인이 사용됩니다.
6.2 입력 형식
도메인은 `crm.example.com` 같은 형식으로 입력하며, 대문자는 자동으로 소문자로 변환됩니다. `example.com` 처럼 점(.)이 포함된 정상 도메인 형식이어야 저장됩니다.
방문자가 회사 주소로 접속하면 설정한 로고·브랜드 색·파비콘이 적용된 화면이 표시됩니다. 브랜딩은 화면뿐 아니라 고객에게 나가는 메일에도 함께 반영됩니다.
⚠️ 커스텀 도메인이 실제로 동작하려면 도메인 쪽(DNS) 연결 작업이 함께 필요합니다. 도메인 입력만으로 즉시 연결되지 않을 수 있으니, 적용 일정과 연결 방법은 도입 담당 채널로 문의하세요.
7. 발송자 정보(이메일)
브랜딩 영역과 일반 영역 모두에서 발송 메일의 보낸이 정보를 설정할 수 있습니다.
| 항목 | 설명 | 예시 |
|---|---|---|
| 발송자 이름 | 메일함에 보이는 보낸사람 이름 | ACME CRM |
| 발송자 이메일 | 보낸사람 주소로 표시될 이메일 | noreply@example.com |
⚠️ 발송자 이메일은 입력한 값이 형식 검증 없이 그대로 저장됩니다. 오타나 잘못된 주소를 넣어도 저장 단계에서 걸러지지 않으니, 입력값을 직접 확인하세요. 실제 발송에 쓰려면 해당 도메인의 발송 인증이 별도로 필요하며, 인증 전에는 기본 발송 주소가 사용될 수 있습니다. 도메인 발송 설정은 도입 담당 채널로 확인하세요.
8. 견적·문서용 회사 정보(사업자등록번호·직인)
견적서 등 출력 문서에 찍히는 회사 정보는 별도의 회사 정보 설정 모달에서 관리합니다. 4~7장의 화면용 브랜딩과 목적이 다릅니다.
⚠️ 이 회사 정보 모달은 견적·문서용 공급자 정보를 다루는 단일 레코드로, 회사별로 따로 나뉘어 저장되지 않습니다. 여러 운영 환경을 함께 쓰는 경우 이 값이 공용으로 적용된다는 점을 유의하세요.
8.1 입력 항목
| 항목 | 설명 |
|---|---|
| 상호 | 출력물에 표기되는 정식 회사 상호 |
| 대표자 | 대표자(또는 책임자) 이름 |
| 사업자등록번호 | 예: 123-45-67890 |
| 주소 | 회사 주소 |
| 전화번호 | 대표 전화 |
| 이메일 | 대표 이메일 |
| 직인 이미지 | 견적서 출력 시 찍히는 직인(도장) |
| 회사 로고 | 견적서 상단에 표시되는 로고 |
8.2 이미지 업로드 사양
| 항목 | 사양 |
|---|---|
| 형식 | 이미지 파일 (화면 안내: PNG·JPG) |
| 크기 | 2MB 이하 |
| 직인 팁 | 배경이 투명한 이미지면 문서에 자연스럽게 합성됩니다 |
| 항목 | 입력 예 |
|---|---|
| 상호 | 주식회사 OO |
| 대표자 | 홍길동 |
| 사업자등록번호 | 123-45-67890 |
| 주소 | 서울특별시 강남구 ... |
| 전화 | 02-1234-5678 |
| 이메일 | info@example.com |
8.3 어디에 쓰이나
여기서 등록한 상호·사업자등록번호·직인·로고는 견적서를 만들고 출력·발송할 때 문서에 자동으로 들어갑니다. 직인 이미지를 등록해 두면 출력물에 도장이 찍힌 형태로 나갑니다.
💡 직인은 배경이 투명한 이미지로 올리면 문서 위에 자연스럽게 겹쳐 보입니다. 흰 배경 이미지는 직인 주변에 흰 사각형이 보일 수 있습니다.
9. 권한과 적용 범위
설정 영역마다 접근 권한이 다릅니다.
| 설정 영역 | 접근 권한 |
|---|---|
| 회사 설정(일반·브랜딩·이메일·지역) | 관리자(admin·superadmin) - 저장 API에서 역할 검증 |
| 회사 정보 모달(직인·사업자번호) | 메뉴 노출은 최고관리자(superadmin)·팀장(team_leader)에 한정 |
⚠️ 회사 정보 모달의 메뉴 노출은 superadmin·팀장으로 게이팅되지만, 저장 API 자체는 로그인 여부만 확인하고 역할을 강제하지 않습니다. 권한 통제는 메뉴 노출 수준에서 이뤄진다는 점을 운영 시 유의하세요.
9.1 변경 반영
브랜드 컬러·로고는 저장 후 화면을 새로고침하면 반영되며, 커스텀 도메인으로 접속한 로그인 화면에 로고·브랜드 컬러가 표시됩니다. 파비콘 등 일부 요소는 적용 시점·범위가 환경에 따라 다를 수 있고, 브라우저 캐시 때문에 새로고침 후에 보일 수 있습니다.
9.2 한 벌의 설정 · 마지막 저장값 우선
회사 브랜딩은 하나의 회사 설정 레코드로 관리됩니다. 본사 운영 측의 허브 customization 화면과 파트너포털의 테넌트 설정 탭이 같은 레코드를 편집하므로, 여러 관리자(또는 두 화면)에서 동시에 바꾸면 마지막에 저장한 값이 최종 반영됩니다. 동시 편집 시 변경 내용을 서로 공유하세요.
💡 파일 승인 권한(파트너 승인 vs 관리자 승인)을 정하는 파트너포털 승인 정책도 회사 설정 화면에서 함께 설정합니다. 자세한 내용은 승인 정책 관련 문서를 참고하세요.
10. 운영 팁 & 자주 묻는 질문
운영 팁
- 로고는 SVG 우선, PNG라면 다크모드 로고까지 함께 올려 어떤 배경에서도 또렷하게 표시되게 하세요.
- 브랜드 컬러는 저장 전 미리보기에서 글자 가독성을 꼭 확인하세요(밝은 색 위 흰 글자 등).
- 화면용 로고(브랜딩)와 문서용 로고·직인(회사 정보 모달)을 모두 설정해 두면 화면·출력물이 일관되게 보입니다.
- 청구 이메일·발송자 이메일은 실제로 메일을 받는 유효한 주소로 지정하세요.
자주 묻는 질문
Q. 로고를 올렸는데 어두운 배경에서 안 보여요.
PNG 등 일반 이미지 로고는 자동 반전이 되지 않습니다. 다크모드 로고(밝은 색 로고)를 추가로 올리거나, 자동 반전되는 SVG 로고를 사용하세요.
Q. 브랜드 컬러를 입력했는데 저장이 안 됩니다.
컬러는 `#` 뒤 여섯 자리 16진수(`#RRGGBB`) 형식이어야 합니다. 형식이 맞지 않으면 저장되지 않고 안내가 표시됩니다.
Q. 커스텀 도메인을 입력했는데 우리 주소로 접속이 안 돼요.
도메인 입력 외에 도메인 쪽(DNS) 연결 작업이 함께 필요합니다. 적용 방법·일정은 도입 담당 채널로 문의하세요.
Q. 견적서에 직인이 안 찍힙니다.
화면용 브랜딩 로고가 아니라 회사 정보 설정 모달의 직인 이미지를 등록해야 합니다. 모달 메뉴는 최고관리자·팀장 계정에 노출되니 해당 계정으로 모달을 열어 직인을 업로드하세요.
Q. 브랜딩을 바꿔보다가 원래대로 되돌리고 싶어요.
저장하기 전이라면 브랜딩 폼 하단의 되돌리기 버튼으로 마지막 저장 상태로 원복할 수 있습니다.
Q. 파비콘이 바뀌지 않아요.
브라우저가 이전 아이콘을 캐시할 수 있습니다. 새로고침하거나 탭을 다시 열어 확인하세요. 파비콘은 적용 시점·범위가 환경에 따라 다를 수 있습니다.