커뮤니티를 브랜드에 맞게 꾸밉니다. 브랜딩 페이지에서 로고, 파비콘, 앱 아이콘을 업로드하고, 커뮤니티가 공유될 때 표시되는 이미지를 설정하고, 로그인 페이지에 배경을 추가합니다. 브랜드 색상과 폰트는 테마에서 설정합니다.
사용 가능한 사람: 소유자와 관리자. · 위치: 웹(관리 콘솔). · 플랜: 로고와 아이콘은 플랜에 따른 제한이 없습니다. Mateflow 브랜딩 제거(화이트 라벨)는 플랫폼 플랜에 따라 다릅니다.
브랜딩 페이지 열기
관리자 → 외관 → 브랜딩으로 이동합니다. 넓은 화면에서는 오른쪽의 실시간 미리보기에서 사이드바 및 피드, 브라우저 탭, 앱 아이콘, 소셜 공유 카드, 인증 페이지에 이미지가 어떻게 보이는지 라이트 모드와 다크 모드로 확인할 수 있습니다.
Save Changes를 클릭하기 전까지 멤버에게는 아무것도 바뀌지 않습니다. Reset Changes는 저장하지 않은 편집 내용을 버리며, 저장하지 않은 변경 사항이 있는 상태로 페이지를 나가려고 하면 Mateflow가 먼저 확인을 요청합니다.
내비게이션에 로고가 표시되는 방식 선택하기
내비게이션 헤더에서 표시 스타일을 선택합니다.
- 워드마크: 가로형 로고입니다. 내비게이션 표시 크기에서 높이를 소, 중, 대 중에서 설정합니다.
- 아이콘 + 이름: 커뮤니티 이름 옆에 정사각형 로고가 표시됩니다.
- 아이콘만: 정사각형 로고만 표시됩니다.
선택한 스타일에 필요한 로고가 없으면 Mateflow가 대체 표시를 사용합니다. 예를 들어 기본 로고 없이 워드마크를 선택하면 정사각형 로고와 커뮤니티 이름이 표시됩니다.
기본 로고 업로드하기
기본 로고에서 라이트 모드 로고(밝은 배경용, 어두운 텍스트나 아이콘)와 다크 모드 로고(어두운 배경용, 밝은 텍스트나 아이콘)를 업로드합니다. 이 로고는 내비게이션과 로그인 페이지에 표시됩니다.
투명 배경의 간단한 워드마크를 사용하고, 가로세로 비율은 약 3:1~5:1(예: 400×100px)로 맞춥니다. 작게 표시되므로 사진이나 세밀한 디테일은 피하세요. JPG, PNG, GIF, WebP 파일을 최대 10MB까지 업로드할 수 있습니다. SVG 파일은 지원되지 않습니다.
아직 로고가 없나요? 텍스트에서 생성을 클릭하면 커뮤니티 이름으로 로고를 만들 수 있습니다. 폰트, 굵기, 대소문자, 자간, 라이트 모드 텍스트 색상을 선택하고, 필요하면 정사각형 아이콘도 생성과 파비콘도 생성에 체크합니다. 생성 및 적용을 클릭한 다음 Save Changes를 클릭합니다.
파비콘과 정사각형 앱 아이콘 추가하기
앱 아이콘 및 파비콘에서 다음을 설정합니다.
- 정사각형 로고 (라이트) 및 정사각형 로고 (다크): 256×256px의 1:1 이미지입니다. 모바일 헤더, 누군가 커뮤니티를 홈 화면에 설치할 때, 가로형 로고가 없을 때의 사이드바에 사용됩니다.
- 파비콘: 브라우저 탭에 표시되는 작은 아이콘입니다. 32×32px의 ICO, PNG, WebP 파일을 사용하세요.
소셜 공유 이미지 설정하기
소셜 공유에서 Open Graph 이미지(OG 이미지)를 업로드합니다. 권장 크기는 1200×630px입니다. 누군가 Facebook, X, LinkedIn 같은 사이트에서 커뮤니티 링크를 공유할 때 기본으로 표시되는 미리보기 이미지입니다.
로그인 페이지에 배경 이미지 추가하기
인증 페이지 배경에서 인증 배경 이미지를 업로드합니다. 이 이미지는 로그인, 가입, 비밀번호 찾기, 2단계 인증 페이지의 측면 패널에 표시됩니다. 짧은 변이 1080px 이상인 세로 이미지를 JPG, PNG, WebP 형식, 2MB 이하로 사용하세요. 비워 두면 기본 어두운 배경이 사용됩니다.
브랜딩 이미지 교체 또는 제거하기
업로드한 이미지 위에 마우스를 올리면 버튼 두 개가 나타납니다. 업로드 버튼은 이미지를 교체하고, 휴지통 버튼은 이미지를 제거합니다. 그런 다음 Save Changes를 클릭합니다. 제거한 이미지는 저장하기 전까지 멤버에게 계속 표시됩니다.
브랜드 색상과 폰트 변경하기
브랜드 색상과 폰트는 브랜딩 페이지가 아니라 테마에서 설정합니다. 브랜딩 페이지 상단의 테마에서 색상 및 폰트 관리 → 링크를 클릭하거나 관리자 → 외관 → 테마로 이동합니다. 라이트 모드와 다크 모드의 색상을 각각 설정할 수 있습니다. 테마와 다크 모드 선택하기를 참고하세요.
화이트 라벨 커뮤니티에서 모바일 앱 표시하기
플랫폼 플랜으로 Mateflow 브랜딩을 제거한 경우(화이트 라벨), 모바일 앱에는 Mateflow 이름이 들어 있으므로 모바일 앱 다운로드 페이지, 메뉴 링크, 설치 안내가 멤버에게 숨겨집니다. 이를 표시하려면 브랜딩 페이지의 모바일 앱 카드에서 멤버에게 모바일 앱 표시를 켭니다. 이 스위치는 Save Changes 없이 바로 저장됩니다. 멤버는 App Store와 Google Play에서 Mateflow라는 이름으로 앱을 찾을 수 있습니다.
관련 문서
이 가이드가 도움이 되었나요?