브랜드 가이드

마크·색·최소 크기·보호 여백과 하면 안 되는 것. 애셋도 여기서 내려받습니다.

마크

nolaa-mark.svg · 112px

놀아 계정

가로 락업 — 마크 높이 = 글자 높이 × 1.35, 간격 = 마크 높이 × 0.3

최소 크기

마크의 최소 표시 크기는 16px입니다. 20px 이하에서는 nolaa-mark.svg(왼쪽)보다 테두리가 굵은 nolaa-mark-sm.svg(오른쪽)를 사용하세요 — 작은 크기에서 훨씬 또렷합니다.

기본 sm

16px

기본 sm

20px

24px

32px

48px

16px · 20px 칸은 nolaa-mark.svg(기본)와 nolaa-mark-sm.svg(sm)를 나란히 비교해 보여줍니다. 24px부터는 기본 마크를 그대로 씁니다.

보호 여백

마크 주변에는 최소한 마크 높이의 25%에 해당하는 여백을 비워두세요. 다른 UI 요소(텍스트, 버튼, 경계선 등)가 이 안으로 들어오면 안 됩니다.

점선 = 보호 여백 경계 (96px 마크 기준 24px = 96 × 0.25)

색

하면 안 되는 것

색 변경

먹·주홍 대신 다른 색을 쓰지 마세요.

비율 왜곡 · 회전

가로세로 비율을 바꾸거나 임의로 회전하지 마세요.

테두리 제거

흰 배지와 먹 테두리를 빼고 쓰지 마세요.

그림자 · 글로우 추가

그림자나 발광 효과를 추가하지 마세요.

획 · 낙관 재배치

붓 획과 낙관의 위치를 임의로 옮기지 마세요.

복잡한 사진 위에 얹기

복잡한 사진·패턴 위에 바로 얹지 마세요. 대비되는 단색 배경을 두세요.

문장 속에 글자처럼 끼워 넣기

로그인하려면 놀아 버튼을 누르세요.

마크를 문장 속 글자 크기로 줄여 끼워 넣지 마세요.

내려받기

로그인 버튼 마크업과 CSS는 로그인 버튼 만들기 문서를 참고하세요.