MARU STUDIO 로고

정사각형을 네 열로 나누고, 글자마다 왼쪽에서 오른쪽으로 높아지는 단(마루) 위에 세웠습니다. 단보다 높이 솟은 글자는 단이 끝나는 곳부터 색이 뒤집힙니다.

기본 로고

사이트 머리말, 명함 앞면, 프로필처럼 넓은 자리에 씁니다.

STUDIO를 뺀 정사각형입니다. 모바일 머리말, 명함 뒷면, 탭 아이콘처럼 작은 자리에 씁니다.

밝은 바탕에는 검정, 어두운 바탕에는 흰색을 씁니다.

기본 로고

밝은 바탕

어두운 바탕

96px

64px (최소)

프로필 (원형)

마크

밝은 바탕

어두운 바탕

64px

40px (최소)

탭 아이콘 32px

16px

90 × 50mm. 앞면은 검정 바탕에 기본 로고와 한 줄 소개, 뒷면은 흰 바탕에 연락처와 마크를 담습니다.

홍길동

Gildong Hong

디자인, 개발, 광고 영상

hello@maru.examplemaru.example010-0000-0000

뒷면

고르는 법: 폭이 화면 64px, 인쇄 20mm 이상이면 기본 로고를, 그보다 좁으면 마크를 씁니다. 마크는 40px, 12mm까지 글자가 읽힙니다.
여백: 로고 둘레에 한 열 폭의 절반만큼은 비워 둡니다.
탭 아이콘: 브라우저 탭은 밝기도 하고 어둡기도 해서, 검은 정사각형에 흰 마크를 얹은 전용 파일을 씁니다.
색: 먹 #000000과 흰색 #FFFFFF 두 가지만 씁니다. 사이트의 빨강과 노랑은 로고 밖의 강조색으로만 씁니다.
STUDIO 글꼴: Archivo 넓은 폭(125), 굵기 750을 윤곽선으로 넣었습니다. MARU가 먼저 읽히도록 획은 MARU 글자보다 조금 가늘게 했습니다.
원본 파일: 프로젝트의 brand/ 폴더에 SVG 5개(기본 로고와 마크의 검정·흰색, 탭 아이콘)와 PNG가 있습니다. 모양을 고칠 때는 scripts/build-logo.mjs를 고친 뒤 다시 실행합니다.