Skip to content

로고 시각 가이드

브랜드 문서는 실제로 보이는 로고를 기준으로 판단합니다. 현재 Aria의 기본 로고는 filled rounded right-isosceles bodyflight dot을 함께 쓰는 Stream Mark입니다.

자산용도기준
aria-mark.svg헤더, wordmark, mask iconsquare 없이 filled body와 flight dot을 크게 사용
aria-app-icon.svgfavicon, app launcher, square iconrounded square 안에 white body와 flight dot을 배치
aria-tray-template.svgtray/menu bar template작은 크기에서도 filled body와 flight dot이 분리되어 읽혀야 함

aria-mark.svg1024x1024 viewBox에서 다음 구조를 사용합니다.

body path:
M307 363Q307 299 352 344L676 668Q721 713 657 713H371Q307 713 307 649V363Z
flight dot:
cx 680, cy 338, r 72

aria-app-icon.svgrx=224 rounded square 배경 위에 같은 body와 flight dot을 white 계열로 올립니다. aria-tray-template.svg는 같은 구조를 64x64 menu bar template 크기로 축소합니다.

  • 헤더와 wordmark에서는 square 없이 aria-mark.svg를 우선 검토합니다.
  • favicon과 launcher에서는 square icon을 사용합니다.
  • square icon은 안정적이지만, 내부 여백 때문에 헤더에서는 mark가 작게 보일 수 있습니다.
  • 비행 점은 runtime status badge가 아니라 기본 Stream Mark의 일부입니다.
  • runtime status는 status-icons/* 자산으로 별도 관리합니다.
  • outline triangle 버전은 현재 기본 로고가 아니라 legacy compatibility source로만 취급합니다.

로고의 실제 크기감은 /brandingLogo comparison 섹션에서 비교합니다.

Square icon -> favicon / launcher / app icon
Mark only -> header / wordmark / brand surface
Status icon -> runtime state variation