브랜드 아이덴티티

마스터 브랜드 — Quintal Bloom#

Quintal Bloom은 WIZ의 마스터 심볼입니다. 반지름이 같은 다섯 개의 원이 중심으로부터 72° 등각으로 배치되어 꽃이 피어나는 형태를 만듭니다.

• 다섯 개의 원 — People · Task · Document · Knowledge · Intelligence, AI Collaboration OS의 5축
• 겹침의 농도 — 축과 축이 만나는 곳에서 색이 깊어지듯, 협업이 가치를 만든다는 의미
• 두 가지 잉크 — 블루(#155EEF)와 시안(#36BFFA)의 교차 배치

라이트

다크

브랜드 컬러와 UI Primary의 관계#

브랜드 심볼 컬러와 UI Primary 토큰은 서로 다른 역할의 값입니다. 심볼은 브랜드 자산 원본 색을 유지하고, 화면 안의 인터랙션 컬러는 토큰 체계(--wds-color-primary)를 따릅니다.

규칙: UI Primary를 심볼 색에 맞춰 바꾸지 않습니다. 반대로 심볼을 UI Primary로 다시 칠하지도 않습니다. 두 체계의 관계는 P2에서 brand.* 토큰 그룹으로 분리 정의됩니다.

로고 시스템#

심볼은 표면의 밝기에 따라 두 가지 버전을 사용합니다.

워드마크는 Pretendard로 조판합니다 — WIZ(Bold) + Design System(Regular). 포털 상단 헤더가 표준 조합의 레퍼런스입니다.

최소 크기와 여백#

• 심볼 최소 크기: 16px (파비콘 크기 — 이보다 작게 쓰지 않습니다)
• 클리어 스페이스: 심볼 높이의 1/4 이상을 사방에 확보합니다
• 본문 텍스트와 나란히 쓸 때는 텍스트 라인 높이에 맞춰 정렬합니다

앱 아이콘#

앱 아이콘은 1024px 마스터(app-icon.svg) 기준으로 제작되었습니다. 블루 그라디언트 스쿼클 위에 화이트 심볼을 올린 구조로, 플랫폼별 마스킹(iOS 스쿼클, Android 어댑티브)에 대응합니다.

파비콘#

파비콘(favicon.svg)은 배경 없는 심볼 단독 구성이며, SVG 내부에 prefers-color-scheme 미디어 쿼리를 내장해 브라우저 탭의 라이트/다크에 자동 대응합니다. 이 포털의 탭 아이콘이 실제 적용 사례입니다.

• 라이트 탭: 컬러 심볼 (블루/시안)
• 다크 탭: 다크 심볼 (화이트/라이트 시안)
• 16px·32px에서 형태가 뭉개지지 않도록 단순 원형 구조만 사용

소셜 공유 카드 (Open Graph)#

링크를 채팅·메신저·소셜에 공유할 때 뜨는 미리보기 카드입니다. wds.wiz-factory.net 주소를 공유하면 이 1200×630 카드가 표시됩니다 — 브랜드 블루 그라디언트 위에 화이트 Quintal Bloom과 워드마크, 한 줄 설명을 얹은 구성입니다.

• 비율 고정 1.91:1 — 메타에 og:image(1200×630)와 twitter:card=summary_large_image를 명시해, 정사각 썸네일로 크롭되지 않도록 합니다 (이 값이 없으면 스크래퍼가 파비콘을 정사각으로 잘라 씁니다)
• 세이프 마진 — 심볼·워드마크를 가장자리에서 충분히 띄워 플랫폼별 크롭에도 잘리지 않습니다
• 절대 URL — og:image는 공식 도메인 절대경로라 배포 환경 변수(NEXT_PUBLIC_SITE_URL)와 무관하게 동작합니다
• 버전 자동 동기화 — 카드의 버전 라벨은 docs/PLATFORM_VERSION.md 정본에서 읽습니다. 버전업 후 재생성을 빠뜨리면 og-image.meta.json 드리프트 테스트가 차단합니다
• 재생성 — 문구·브랜딩이 바뀌면 pnpm gen:og(= scripts/gen-og-image.mjs, Playwright 렌더)로 다시 만듭니다

사용 규칙 — Do & Don't#

Do

• 제공된 SVG 원본을 그대로 사용합니다
• 표면 밝기에 맞는 버전(symbol / symbol-dark)을 선택합니다
• 클리어 스페이스와 최소 크기를 지킵니다

Don't

• 원의 개수·각도·반지름을 변형하지 않습니다
• 심볼에 임의의 색을 입히거나 UI Primary로 다시 칠하지 않습니다
• 그림자·외곽선·그라디언트 등 효과를 추가하지 않습니다
• 비율을 깨뜨리는 늘림/줄임을 하지 않습니다

자산 위치#

브랜드 자산의 정본은 모노레포 brand/ 디렉토리입니다. 포털은 빌드 시 public/brand/로 복사해 서빙합니다.