Brand & Style Guide

브랜드 · 스타일 가이드

法古創新 · 人書俱老

옛법을 익혀 새로움을 열고, 글씨와 사람이 함께 깊어집니다

동양서예협회의 시각 언어 ASCA Ink System — 먹을 머금은 남색과 절제된 금색, 선지의 바탕, 낙관의 붉은 인장. 사이트와 인쇄물의 모든 화면이 이 규칙을 따릅니다.

01Essence

브랜드 정신

협회의 이름과 슬로건, 네 개의 사자성어가 브랜드를 지탱합니다. 장식이 아니라 뜻을 전하는 말이므로, 처음 등장할 때 짧은 풀이를 붙입니다.

法古創新
옛법을 본받아 새로움을 연다
人書俱老
글씨와 사람이 함께 무르익는다
東洋書藝
동아시아의 서예
行雲流水
구름이 가고 물이 흐르듯 자연스러운 필세

02Naming

공식 명칭

모든 언어에서 아래 표기만 씁니다. 東洋을 東方으로 바꿔 쓰지 않습니다 — 법인명과 한국어 ‘동양’, 영문 ‘Oriental Calligraphy’에 맞춘 표준입니다.

구분	표기	쓰임
한국어 정식	사단법인 동양서예협회	법인 문서·계약
한국어 약칭	동양서예협회	일반 안내
한자 표준	東洋書藝協會	도록·전시
한자 정식	社團法人東洋書藝協會	공식 문서 한자 표기
영문 정식	The Asian Society of Calligraphic Arts	공식 영문
영문 약칭	ASCA	로고·SNS·도메인

03Logo

로고

붓글씨 로고타입 ‘Oriental Calligraphy’에 영문 태그라인을 더한 표지입니다. 바탕에 따라 세 가지 색 중 하나를 고릅니다.

남색 — 선지 바탕
흰색 — 먹 바탕
금색 — 먹 바탕, 의례용

로고 높이의 1/3 이상 여백을 사방에 둡니다.
화면에서는 너비 120px 이상으로 씁니다.
비율을 바꾸거나 기울이거나 그림자·윤곽선을 더하지 않습니다.
사진이나 무늬 위에 바로 올리지 않습니다. 먹 바탕에서는 흰색이나 금색 로고를 씁니다.

04Colour

색

먹을 머금은 남색이 바탕이고 금색은 절제된 강조입니다. 선지색이 밝은 면을 이루고, 붉은 인장색은 낙관과 오류 표시에만 씁니다.

핵심 색

남색 단계

금색 단계

중성색 단계

작은 금색 글자는 Gold 800(#8a661c)을 씁니다. Gold 500은 선지 위에서 대비가 부족합니다.

화면 역할

역할	라이트	다크
`--background`	#fbf8ef	#070d1a
`--foreground`	#0b1733	#fbf8ef
`--card`	#ffffff	#0b1733
`--primary`	#0b1733	#d4a84a
`--accent`	#d4a84a	#e2c074
`--muted`	#f4efdd	#142244
`--muted-foreground`	#424a5e	#9eb0d6
`--border`	#e5e0ce	#1f2b4c
`--destructive`	#a8201a	#c94a3f

05Typography

글꼴

영문은 Playfair Display, 한글 본문과 UI는 Pretendard, 한자는 Noto Serif TC(본명조 번체), 한국어 제목은 Noto Serif KR로 씁니다.

영문 제목Playfair Display
The Asian Society of Calligraphic Arts
한자Noto Serif TC · Source Han Serif TC
東洋書藝協會
한국어 제목Noto Serif KR
동양서예협회
본문 · UIPretendard
먹과 붓으로 이어온 동아시아의 글씨 문화

크기 단계

한자 제목은 굵기 700, 자간 0.06–0.08em.
한자·한글 본문은 줄간격 1.8, 자간 0.04em.
한자는 기울임이나 밑줄로 강조하지 않습니다. 굵기와 자간으로 강조합니다.

06Voice

말투

전시 도록처럼 정확하고 절제된 학술 기관의 말투로 씁니다. 광고 문구처럼 쓰지 않습니다.

이렇게

협회는 3인칭(본회, the Society)으로 씁니다.
도시와 연도는 두 언어로 병기합니다 — 臺北 · Taipei, 1997–2026.
영문 눈썹 제목은 대문자와 넓은 자간으로 씁니다.

이렇게 쓰지 않음

이모지와 그림 문자를 쓰지 않습니다.
느낌표와 과장된 수식어를 쓰지 않습니다.
東洋을 東方으로 바꿔 쓰지 않습니다.

07Form

형태 요소

금색 헤어라인이 구획을 나누고, 모서리는 작게, 그림자는 남색 기운으로 옅게 둡니다. 움직임은 먹이 가라앉듯 튀지 않고 멈춥니다.

헤어라인

linear-gradient(90deg, transparent, gold-500, transparent)

모서리

0px
2px
4px
6px
10px
20px

그림자

움직임

150ms

260ms

420ms

720ms

마우스를 올려 보세요 · cubic-bezier(0.16, 1, 0.3, 1)

낙관 인장

붉은 印 인장은 히어로 하단과 작품 카드에만 둡니다. 버튼이나 글자 위에 쓰지 않습니다.

아이콘

Lucide 아이콘, 선 굵기 1.5, 16–22px. 방향 표시는 arrow-up-right를 씁니다.

08Components

컴포넌트

사이트에서 실제로 쓰는 컴포넌트입니다. 색과 글꼴은 위의 토큰에서 옵니다. 테마를 바꿔 다크 모드도 확인해 보세요.

버튼

배지

전시

행사

공지

입력

이메일

카드

Open Call

정기 공모전

서예·문인화·현대 서예 부문의 작품을 공모합니다.

Exchange

국제 교류전

서울·타이베이·도쿄·베이징을 잇는 교류 전시입니다.

行雲流水

No. 01작품 카드 (견본)

09Imagery

이미지

사진은 서예를 다룬 것만 씁니다 — 붓, 벼루, 화선지 위의 먹, 인장, 족자. 모든 사진에 세 가지 처리 중 하나를 적용하고, 획 중간에서 자르지 않습니다.

東洋書藝
먹 — 히어로, 글자를 얹는 사진
종이 — 밝은 구역·인쇄
온기 — 편집용, 글자 얹기 금지

토큰 원본 · docs/02-design/DESIGN.md · app/globals.css