Logo and System

로고와 시스템

SHEET
05
SCALE
1:1
BRAND
milligram

세 가지 디자인 방향 중 ‘눈금’을 선택해 발전시켰습니다.

워드마크를 다양한 크기와 매체에 맞게 다듬고 색상·서체·그래픽·이미지의 사용 기준을 정리했습니다.

DIRECTION

이어가는 방향

  1. A 방향 눈금 워드마크

    A눈금

  2. B 방향 원형 엠블럼

    B번호

  3. C 방향 격자 워드마크

    C표

CONTINUITY

연속성

민트색 물방울 라벨을 붙인 지금의 토너 병
지금 토너

유지하는 요소

  • 소문자 브랜드명 milligram
  • 사용 순서를 나타내는 제품 번호 1·2·3
  • 기존 제품 용기
눈금 워드마크와 격자 라벨을 붙인 토너 병
눈금 방향 토너

변경하는 요소

  • 둥근 서체에서 눈금을 모티프로 한 워드마크로
  • 민트색과 물방울 그래픽에서 종이색 바탕·격자·적색 강조로
  • 제품명과 용량에 더해 핵심 성분과 함량을 앞면에 표시

Logo

로고

M1눈금이 획이 되어 워드마크가 됩니다

CONSTRUCTION

구성 격자

P 10uW 3uDOT 3uX 24uSHORT 12u143uDESC 12uGAP 9u

P 10u·W 3u·X 24u·SHORT 12u·DOT 3u·DESC 12u·GAP 9u

W = 3u · P = 10u · X = 24u · DESC 12u · GAP 9u · 세로획 15개, 피치 하나 · 폭 143u = 14P + W

모든 치수는 단위 u의 배수입니다. 워드마크를 어느 크기로 쓰든 이 비례가 그대로 유지되고 아래 최소 크기까지 줄일 수 있습니다.

SCALE

크기 시험

800 px
400 px
200 px
100 px
m 100
m 64
m 32
m 16

MIN워드마크100 px · 20 mmMINm16 px · 4 mm

BACKGROUNDS

바탕별 사용

종이 바탕에 잉크
잉크 바탕에 종이색
잉크 2 단색
그레이 1 바탕
흑백 인쇄
사진 위 흰색

LOCKUPS

록업

TONER1SERUM2CREAM3 X 24u = x-height
A2가로 록업·239u × 36u·최소200 px · 40 mm
A1세로 록업·143u × 96u·최소100 px · 20 mm
A3m 단독·23u × 24u·최소16 px · 4 mm
A4워드마크·143u × 36u·최소100 px · 20 mm

모든 록업은 사방에 엑스하이트 X(24u) 이상을 비우고 그 안에는 다른 요소를 두지 않습니다. 마크 폭은 면의 28 %를 기준으로 하고 둘레 여백은 마크 폭 이상으로 둡니다. 록업은 하나만 쓰고 A3와 A4를 나란히 놓지 않으며 태그라인을 록업 안에 넣지 않습니다.

DON'T

금지 예시

01늘이기
02회전
03획 굵기 변경과 외곽선
04전체 강조색
05그림자
06m 옆 이중 표기
SERUM 30 ml
07클리어 스페이스 침범

IN USE

록업 사용 예

브라우저 탭에 m 파비콘이 보이는 화면

파비콘

A3 m 단독을 씁니다.

m을 음각한 흰 크림 뚜껑

크림 뚜껑

A3 m 단독을 씁니다.

세로 록업을 프로필 사진으로 쓴 인스타그램 화면

인스타그램 프로필

A1 세로 록업을 씁니다.

워드마크를 단 돌출 간판

간판

A4 워드마크를 씁니다.

워드마크를 찍은 격자 노트

노트

A4 워드마크를 씁니다.

Colour

컬러

SWATCHES

색상 여덟

PROPORTION

비율

LOGO COLOUR

로고 색

종이 바탕에 잉크
잉크 바탕에 종이색
종이 바탕에 잉크 2

ACCENT

강조색

강조색은 숫자와 한 곳의 강조에만 쓰고 로고에는 쓰지 않습니다.

BETAINE3 %

Type

서체

TYPEFACES

서체 셋

  • Geist Mono

    숫자, 단위, 제품 줄

    2 SERUM 30 ml NIACINAMIDE 5 %

  • Geist

    라틴 제목과 본문

    Toner, Serum, Cream

  • Noto Sans KR

    한글

    필요한 성분을 필요한 만큼

SIZE LADDER

크기 체계

패키지PT

  • 번호Geist Mono Medium 18 pt
  • 유형Geist Mono 8 pt
  • 용량, 성분, 함량Geist Mono 7 pt
  • 표시사항Noto Sans KR 5.5 pt

화면PX

  • 히어로 제목Geist Medium 48 px
  • 섹션 제목Geist Medium 28 px
  • 본문Noto Sans KR 16 px
  • 라틴 본문Geist 16 px

인쇄PT

  • 문서 제목Geist Medium 20 pt
  • 한글 본문Noto Sans KR 10 pt
  • 표의 값Geist Mono 9 pt
  • 캡션Geist Mono 8 pt

Graphic

그래픽

MOTIFS

모티프 다섯

종이 위에 옅게 깐 원고지 격자

원고지 격자

워드마크의 획 간격을 한 칸으로 삼아 바탕에 옅게 깝니다.

눈금 띠

워드마크의 긴 획과 짧은 획 리듬을 그대로 옮긴 띠입니다.

30050100 ml

ml 게이지

양을 채우지 않고 눈금 하나로 가리킵니다.

1 TONER2 SERUM3 CREAM

사각 점 마커

시작 자리를 표시하며 한 화면에 적색 마커는 하나만 둡니다.

변주 워드마크

짧은 획 머리의 점 하나만 계절과 캠페인에 따라 색을 바꿉니다.

MOTION

모션 원칙

M1눈금 쌓기1.5 sM2자 재기0.9 s

Imagery

이미지

흰 셔츠를 입은 사람이 탁자 위 토너, 세럼, 크림 뒤에 팔을 모으고 앉은 모습
세 제품과 흰 셔츠를 입은 사람

SAMPLES

사진 예

종이 위에 놓인 세 제형 표본과 번호 1, 2, 3
제형 표본 1, 2, 3
손등 위로 스포이드에서 한 방울이 떨어지는 순간
스포이드 한 방울과 자

PHOTO RULES

사진 규칙 여섯

  1. 01피사체

    제품의 형태와 제형, 계량하거나 사용하는 동작을 중심으로 촬영합니다.

  2. 02색감

    따뜻한 무채색을 바탕으로 제품과 피부, 제형의 본래 색을 자연스럽게 표현합니다.

  3. 03조명

    부드러운 한 방향의 빛을 사용해 형태와 질감이 드러나도록 하고, 자연스러운 그림자를 살립니다.

  4. 04구도

    피사체와 여백의 균형을 잡고, 제품의 특징과 사용 장면이 명확하게 보이도록 구성합니다.

  5. 05인물

    자연스러운 자세와 절제된 표정으로 제품을 사용하는 사람의 모습을 담습니다. 의상과 배경은 제품보다 두드러지지 않도록 합니다.

  6. 06정보 표기

    설명이 필요한 부분에만 연결선과 짧은 문구를 더합니다. 제품 라벨과 중복되는 정보는 생략합니다.

Packaging

패키징

돌 위에 놓인 세 제품

LABEL

라벨 구조

  1. 1워드마크
  2. 2번호와 제품명
  3. 3용량
  4. 4핵심 성분과 함량

워드마크 아래에 번호, 제품명, 용량, 핵심 성분과 함량을 한 줄씩 놓습니다. 세 제품의 라벨은 같은 구조에 값만 다릅니다.

IN USE

패키지 적용

앞 라벨을 붙인 토너 병
토너 병과 앞 라벨
단상자에서 반쯤 꺼낸 제품 카드
단상자와 제품 카드
눈금 띠 테이프를 붙인 배송 상자
배송 상자의 눈금 테이프
제품을 골라 돌려보며 라벨이 곡면에서 어떻게 읽히는지 확인할 수 있습니다.

SYSTEM IN USE

시스템 적용

소매에 눈금 띠를 두고 가슴에 워드마크를 넣은 어두운 스웨트셔츠
APPAREL
워드마크를 단 돌출 간판과 창 그래픽
SIGNAGE / WINDOW
줄자 끈을 단 두 캔버스 가방, 하나는 워드마크, 하나는 m
TOTE
워드마크와 m 연필 스케치가 있는 펼친 격자 노트
NOTEBOOK
토너 단상자에서 꺼낸 베타인 3 % 게이지 카드
CARTON / CARD