1. 로고
심볼은 «둥근 사각형 안의 하트». 사각형은 교실과 화면, 하트는 그 안의 마음입니다. 가로형을 기본으로 씁니다.
여백
로고 둘레에 심볼 높이의 ½ 이상 비웁니다.
최소 크기
가로형 120px(인쇄 30mm), 심볼 24px(6mm) 아래로 줄이지 않습니다.
배경
흰·Cloud 배경엔 기본형, Navy·Blue·사진 위엔 흰색형. 그 외 색 배경엔 심볼만.
2. 마스코트 «파란이»
파란 하트 모양의 친구입니다. 몸은 하나, 소품만 바꿔 씁니다. 표정은 늘 웃고 있고, 무섭거나 우는 얼굴로 그리지 않습니다 — 힘든 아이가 처음 만나는 얼굴이기 때문입니다.
인사
#m-wave상담전화
#m-phone알리기
#m-mega자료·학습
#m-book학폭제로
#m-shield사이버폭력 제로
#m-mag스마트폰 과의존
#m-clock신청·문의
#m-mail도움 연락처
#m-bell보호자·교사
#m-cap스프라이트 한 파일에 모든 포즈가 있습니다: mascot.svg — HTML에서는 <svg><use href="mascot.svg#m-wave"/></svg> 로 씁니다.
3. 색
Blue
주색. 버튼·강조·로고
#3b6fe8주색. 버튼·강조·로고
Navy
제목·본문 강조·어두운 배경
#1b2a5e제목·본문 강조·어두운 배경
Sky
연한 배경·태그·카드 테두리(#c9d9fb)
#dfe9ff연한 배경·태그·카드 테두리(#c9d9fb)
Cloud
페이지 바탕
#f3f7ff페이지 바탕
Mint
긍정·완료·방패
#2fbf8f긍정·완료·방패
Sun
강조 문구·소품
#ffd166강조 문구·소품
Pink
마스코트 볼·부드러운 포인트
#f9a8c9마스코트 볼·부드러운 포인트
Red
경고·긴급 번호에만
#e63946경고·긴급 번호에만
Blue 위 흰 글자, 흰 배경 위 Navy 글자만 본문에 씁니다. Sun·Pink는 글자색으로 쓰지 않습니다(대비 부족). Red는 긴급 번호·경고에만.
4. 글꼴
PRETENDARD VARIABLE · 오픈 라이선스(OFL)
혼자 견디지 마세요
제목은 900, 자간 −4~5%
본문은 400~500, 16px, 줄간 1.6. 한글에는 자간을 주지 않습니다 — 트래킹을 주면 «어 떤 일 로»처럼 읽힙니다. 영문·숫자 소제목에만 +2%.
내려받기: github.com/orioncactus/pretendard · 대체 글꼴: Apple SD Gothic Neo, Malgun Gothic
5. 말투
짧게, 아이에게 말하듯
한 문장에 한 가지. «~하십시오»보다 «~해 주세요», «~하세요».
탓하지 않기
«왜 진작», «네가»로 시작하는 문장을 쓰지 않습니다. 첫마디는 늘 «말해 줘서 고맙다».
번호는 늘 함께
힘든 이야기가 나오는 자리에는 117·1388·109를 반드시 같이 적습니다. 우리보다 그쪽이 급한 사람이 있습니다.
지어내지 않기
참여 인원·성과·기관 로고는 사실만. 없는 숫자를 만들지 않습니다.
6. 하지 말 것
로고 변형비율 바꾸기, 기울이기, 그림자·테두리 추가, 색 바꾸기
마스코트 표정 변경우는 얼굴, 화난 얼굴, 무서운 소품(무기 등)
제품 광고에 사용파란마음 로고를 유료 상품·광고 배너에 붙이기
다른 캐릭터와 합성타 기관 마스코트와 한 몸으로 그리기
학생 사진 위에 배치얼굴이 나온 사진 위에 로고·마스코트 얹기
임의 로고 제작여기 없는 파일로 새 로고 만들기
공동 홍보물에 로고를 쓰려면 제휴 문의로 알려 주세요. 언론·교육기관의 보도·교육 목적 사용은 별도 허락 없이 가능합니다(출처 표기).