← J Tech International — Home
Jay 캐릭터 → Web Controls →
Brand Guide · v1.0 · 2026

J Tech International

A minimal identity system for a B2B IT solutions company serving the pharmaceutical industry. Navy provides authority; teal signals precision and care; the bracketed J denotes a system of trust.

01 · Primary logo

J Tech International logo (light)
Primary · Light background
J Tech International logo (dark)
Primary · Dark background
↓ Light SVG ↓ Dark SVG ↓ Mono SVG ↓ Icon SVG ↓ Icon (dark) SVG ↓ 다크 (투명) SVG ↓ 아이콘 다크 (투명) SVG

02 · Color

Navy is the system color and should dominate. Teal is reserved for accents — the J Tech "." period, links, key data points. Paper and Ink are functional surface tones; never use pure white or pure black.

Navy
#0B2C4A
Primary · 70%
Teal
#0E7C7B
Accent · 8%
Paper
#F4F4F2
Surface · 18%
Ink
#101820
Text · 4%

03 · Typography

Noto Sans KR for everything: display, body, captions, labels. 영문·한글 모두 자연스럽게 렌더링되며 단일 패밀리로 일관성을 유지합니다. Use weights 400/500/600/700. Reserve uppercase + 0.14em letter-spacing (weight 500) for small label-style elements.

Display
Engineering trust
Noto Sans KR · 700 · -0.025em
H2
Clinical operations
Noto Sans KR · 600 · -0.015em
Body
We design data infrastructure aligned to GxP and 21 CFR Part 11 for pharmaceutical clients.
Noto Sans KR · 400 · 1.6 lh
Body · KR
한국 제약 영업의 새로운 표준. AI 와 컴플라이언스가 처음부터 함께 작동하는 클라우드 기반 영업 플랫폼.
Noto Sans KR · 400 · 1.65 lh
Label
B2B IT for Pharma
Noto Sans KR · 500 · 0.14em

04 · Clear space & minimum size

Maintain clear space equal to the height of the "J" character on all sides. Never display the icon below 16 px or the full lockup below 96 px wide.

Clear space
Minimum sizes
16 px · digital favicon floor
96 px · full lockup floor
160 px · print floor

05 · Usage rules

Do

Use on solid Navy, Paper, or White surfaces

Do

Keep the teal period (".") at full saturation

Do

Pair with generous whitespace and clean grids

Do

Use the icon-only mark for favicons and app tiles

Don't

Recolor the navy frame to other hues

Don't

Apply gradients, shadows, or bevels to the mark

Don't

Place over busy photos without a solid container

Don't

Stretch, rotate, or alter the J's proportions

06 · Business card

Stock: 350 gsm uncoated, soft-white. Print at 90 × 50 mm with 3 mm bleed. Spot-UV recommended on the bracketed J icon (front) and the teal mark (back) for tactile signaling without breaking the minimal system. 뒷면은 영업용 키 프레이즈(«kick phrase»)를 명확히 강조하도록 설계되었습니다.

w   www.jtech-inter.com
홍길동
Hong Gildong
Founder & CEO · 대표
e   hong@jtech-inter.com
m  +82 10 0000 0000
a   서울 강남구 테헤란로 152
강남파이낸스 5F
Front · 90 × 50 mm · paper #FFFFFF
Engineering Trust
Back · 90 × 50 mm · navy #0B2C4A
Stock
350 gsm · uncoated · soft-white
Finish
Spot-UV on icon & teal mark
Dimensions
90 × 50 mm · 3 mm bleed
Typography
Noto Sans KR · 400/500/600/700
↓ 명함 앞면 SVG ↓ 명함 뒷면 SVG

07 · Brand character — Jay

Jay(제이)는 제약 영업사원을 돕는 J Tech 의 AI 어시스턴트입니다. 원래 Jay 의 정체성 — 네이비 스크린 페이스와 틸 눈, 상단 시그널, 가슴의 브래킷 J 배지 — 을 부엉이의 몸에 옮겨, 통찰·관찰·always-on 이라는 AI CRM 의 본질을 친근하게 담았습니다.

Meet Jay.
제이
제약 영업사원을 돕는 AI 어시스턴트

밤에도 깨어 파이프라인을 지켜보는 통찰의 부엉이. 큰 두 눈(=스크린 페이스)으로 데이터를 읽고, 머리 위 틸 신호로 다음 행동을 알립니다. 가슴의 브래킷 J 는 “검증된 시스템”을 그대로 잇습니다.

신뢰 Trust 통찰 Insight 항상 곁에 Always-on
기본 · 라이트 배경
반전 · 네이비 배경
↓ Jay 라이트 SVG ↓ Jay 다크 SVG

턴어라운드 · 정면 / 측면 / 후면

정면
측면
후면

키링·피규어 제작용 전체 시트(목업·규격 포함) → charactor.html · 초기 로봇 버전 → charactor_legacy.html

캐릭터가 말하는 세 가지

신뢰
Trust

좌우 대칭의 안정적인 자세와 차분한 표정. 가슴의 브래킷 J 배지가 “검증된 시스템”을 상징합니다.

통찰
Insight

밤에도 깨어 있는 부엉이처럼, AI 가 데이터를 읽고 흐름을 지켜봅니다. 머리 위 틸 신호가 “지금 봐야 할 것”을 알립니다.

항상 곁에
Always-on

고객·일정·실적을 놓치지 않도록 늘 깨어 함께하는 동료. 현장의 영업 담당자를 곁에서 챙깁니다.

표정 시스템

같은 헤드 프레임 위에서 눈·입만 바꿔 상태를 전합니다. 항상 친근하고, 절대 과장하지 않습니다.

인사Greet
분석Insight
알림Alert
완료Done
↓ 인사 SVG ↓ 분석 SVG ↓ 알림 SVG ↓ 완료 SVG

Jay AI · 디지털 아바타

부엉이 Jay 가 소프트웨어 안으로 들어오면 이 모습입니다. 같은 스크린 페이스와 틸 눈을 앱 아이콘형 아바타로 옮기고, 상태에 따라 눈·사운드웨이브만 바꿔 씁니다.

대기Idle
듣는 중Listening
생각 중Thinking
분석Insight
완료Done
↓ 대기 SVG ↓ 듣는 중 SVG ↓ 생각 중 SVG ↓ 분석 SVG ↓ 완료 SVG
↓ 대기 GIF ↓ 듣는 중 GIF ↓ 생각 중 GIF ↓ 분석 GIF ↓ 완료 GIF

기하 구조

계승

아이콘 프레임에서 파생

머리 = 브래킷 J 아이콘의 둥근 사각형. 같은 코너 반경·획 두께 계열을 공유합니다.

액센트

단 하나의 틸

안테나 점·눈·CRM 막대에만 틸을 사용. 로고의 “.” 마침표 규칙을 그대로 따릅니다.

플랫 · 무그라데이션

그림자·베벨·입체 음영 없음. 면과 선으로만 구성해 미니멀 시스템을 유지합니다.

캐릭터 사용 규칙

권장

네이비 위에서는 반전(밝은 본체) 버전 사용

권장

틸은 신호점·눈·데이터에만 — 액센트로 절제

권장

표정은 표정 시스템 4종 안에서만 변형

권장

충분한 여백과 정돈된 그리드와 함께 배치

금지

본체에 그라데이션·그림자·입체 효과 추가

금지

네이비·틸 외 색으로 캐릭터를 재도색

금지

비율을 늘리거나 회전, 찌그러뜨리기

금지

복잡한 사진 위에 단색 배경 없이 배치

캐릭터 팔레트

brand.html 의 컬러 시스템을 그대로 사용합니다. 페이퍼·화이트는 가슴·얼굴 바탕, 네이비는 스크린·날개·귀깃·등판, 틸과 글로우는 신호·눈·부리·배지 같은 액센트에만 쓰입니다.

Navy
#0B2C4A
Teal
#0E7C7B
Glow
#5fd0cf
Paper
#F4F4F2
Ink
#101820

08 · Jay CRM 로고

제품(CRM) 이름은 Jay CRM. 부엉이 캐릭터 Jay 의 얼굴을 마크로 삼아, J Tech 의 네이비·틸 시스템과 “.” 마침표 규칙을 그대로 잇는 제품 로고입니다.

바이라인 포함 · With byline

Jay CRM logo (light)
가로 · 라이트
Jay CRM logo (dark)
가로 · 네이비
Jay CRM stacked (light)
세로 · 라이트
Jay CRM stacked (dark)
세로 · 네이비
Jay CRM wordmark
워드마크 단독

바이라인 없음 · Without byline

Jay CRM logo, no byline (light)
가로 · 라이트
Jay CRM logo, no byline (dark)
가로 · 네이비
Jay CRM stacked, no byline (light)
세로 · 라이트
Jay CRM stacked, no byline (dark)
세로 · 네이비
Jay CRM wordmark, no byline
워드마크 단독

앱 아이콘 · 마크 (투명)

Jay CRM app icon
앱 아이콘 (네이비 타일)
Jay CRM mark (light, transparent)
마크 · 라이트 (투명)
Jay CRM mark (dark, transparent)
마크 · 다크 (투명)
↓ 가로 SVG ↓ 가로 (다크) SVG ↓ 세로 SVG ↓ 세로 (다크) SVG ↓ 워드마크 SVG
↓ 가로 (바이라인 없음) SVG ↓ 가로 다크 (바이라인 없음) SVG ↓ 세로 (바이라인 없음) SVG ↓ 세로 다크 (바이라인 없음) SVG ↓ 워드마크 (바이라인 없음) SVG ↓ 아이콘 SVG ↓ 마크 (투명) SVG ↓ 마크 다크 (투명) SVG