나른랩스 브랜드 가이드 | NARUUN LABS Brand Guide v1.0

Brand Guide · v1.0

"Learn with Joy. Grow with AI."

스포츠 교육 현장의 전문성과 AI 기술을 결합해, 배우는 즐거움과 성장의 경험을 만드는 나른랩스의 통합 브랜드 가이드입니다. 앞으로 진행되는 홈페이지 및 AI KICK MASTER · AI JUMP MASTER 리뉴얼은 이 문서의 기준을 따릅니다.

Modern Premium AI Fun

Overview

브랜드 개요

나른랩스가 만드는 모든 제품이 공유하는 핵심 가치입니다. 문구 · UI 톤 · 마케팅 카피를 만들 때 이 5가지 중 무엇을 말하고 있는지 항상 점검하세요.

ENJOYMENT즐거움

GROWTH성장

INNOVATIONAI 기술

RELIABILITY신뢰성

PROFESSIONALISM전문성

Logo

로고 사용 규칙

현재 확정된 N 심벌과 NARUUN LABS 워드마크를 공식 로고 체계로 사용합니다. 가로형·세로형·심벌 단독형은 동일한 비율과 색상 규칙을 유지합니다.

로고 주변에 글자 높이(N 기준)만큼 여백을 항상 확보한다
White(#FFFFFF), Deep Navy(#071C49) 또는 Light Blue(#EAF4FF)처럼 단순한 배경 위에서 사용한다
가로 최소 80px 이하로는 축소하지 않는다
파비콘 등 초소형 사용 시 "N" 모노그램만 단독 사용한다

DON'T

가로/세로 비율을 임의로 늘리거나 줄이지 않는다
KICK·JUMP 제품 컬러로 NARUUN LABS 본사 로고를 임의로 재채색하지 않는다
그림자, 외곽선, 입체 효과를 추가하지 않는다
사진이나 복잡한 패턴 위에 직접 얹지 않는다 (필요 시 딤 처리된 오버레이 사용)

공식 로고 파일은 SVG를 기준 원본으로 관리하고, 웹·앱·인쇄용 PNG는 이 SVG에서 파생합니다.

Color System

공식 컬러 시스템

현재 홈페이지와 제품 화면에 실제 적용 중인 공식 색상입니다. 스와치를 클릭하면 HEX 코드가 복사됩니다.

NARUUN LABS Core

신뢰감 있는 블루를 중심으로 사용하는 밝은 본사 브랜드 컬러

Primary Blue#0757D8브랜드 핵심색 · 링크 · 주요 강조

Secondary Blue#1288F8그라데이션 · 보조 강조 · 인터랙션

Deep Navy#071C49제목 · 핵심 텍스트 · 진한 브랜드 표현

Light Blue#EAF4FF연한 배경 · 선택 상태 · 보조 면

AI KICK MASTER

발차기의 힘, 속도와 타격감을 표현하는 레드·오렌지 컬러

Primary#E3172E제품 핵심색 · 주요 버튼 · 활성 상태

Primary Dark#B91426눌림 상태 · 진한 강조 · 테두리

Secondary#FF6A1A그라데이션 끝색 · 에너지 강조

Accent#FF8C42숫자 · 배지 · 보조 하이라이트

AI JUMP MASTER

줄넘기의 리듬, 활력과 성장감을 표현하는 민트·라임 컬러

Primary#14B8A6제품 핵심색 · 주요 버튼 · 활성 상태

Primary Dark#0D9488눌림 상태 · 진한 강조 · 테두리

Secondary#A3E635그라데이션 끝색 · 기록 · 성장 강조

Accent#5EEAD4숫자 · 배지 · 보조 하이라이트

다크 컬러인 #0B0B0D와 #0A1628은 실행 프로그램의 카메라 HUD 배경에만 제한적으로 사용하며, 홈페이지와 일반 관리 화면의 기본 배경에는 사용하지 않습니다.

Typography

타이포그래피

한글 UI와 본문은 Pretendard를 기본으로 사용하고, 숫자·HEX·영문 라벨 등 데이터성 텍스트는 Space Grotesk를 사용합니다. Noto Sans KR은 대체 폰트로 둡니다.

H1 · 900나른랩스 리뉴얼

H2 · 700AI KICK MASTER

H3 · 700발차기 정확도 분석

Body · 400태권도장 현장에서 바로 쓸 수 있는 AI 코칭 도구를 만듭니다. 문장은 짧고 명확하게, 존댓말 기본 톤을 유지합니다.

Caption · 400보조 설명 · 타임스탬프 · 메타 정보

Data · Grotesk128 KICKS · 00:42

Pretendard — 본문/제목/UI Space Grotesk — 숫자/라벨/HEX

Buttons

버튼 시스템

제품마다 Primary 컬러만 바뀌고, 구조·높이·폰트 굵기·상태 표현은 동일하게 유지합니다. 기본 버튼은 무배경·선형이며, 주요 실행 버튼만 제한적으로 배경을 사용합니다.

Naruun Labs Core

AI Kick Master

AI Jump Master

Cards

카드 스타일

일반 페이지는 밝고 평평한 카드를 기본으로 사용합니다. 글래스 HUD 카드는 카메라 기반 실행 프로그램에만 제한적으로 사용합니다.

Standard

기본 카드

일반 콘텐츠, 목록, 설정 화면 등 기본 UI에 사용합니다.

Glass HUD

글래스 HUD 카드

실시간 측정 화면, 대시보드 등 몰입감이 필요한 화면에 사용합니다. 반드시 배경에 그라디언트/이미지가 있어야 유리 효과가 보입니다.

Stat

기록 카드

247

연속 점프 · 오늘의 최고 기록

Icons

아이콘 가이드

시스템과 내비게이션에는 라인 아이콘을 사용합니다. 제품 화면과 홈페이지의 안내 문구에는 이모지를 사용하지 않습니다. 이모지는 기기·운영체제마다 모양이 달라 브랜드 인상을 통일할 수 없고, 정식 제품다운 느낌을 해칩니다. (2026-07-31 개정)

라인 아이콘 사이즈 스케일 (stroke 1.75px)

16px · SM

24px · MD (기본)

32px · LG

이모지 사용 규칙

버튼 · 안내 문구 · 상태 메시지에는 이모지를 넣지 않습니다. 다만 게임 요소 자체(격파 모드의 표적, 타격 효과, 기록 축하 연출)는 예외로 두어 아이들이 직관적으로 알아볼 수 있게 합니다.

Spacing & Radius

여백 · Radius 토큰

8px 여백 스케일은 유지하되, 모서리는 0~8px 범위를 기본으로 사용합니다. Pill 형태는 상태 배지와 작은 태그에만 제한합니다.

토큰	값	미리보기
--s2	8px
--s4	16px
--s6	32px
--s8	64px
--r-sm	4px
--r-md	6px
--r-lg	8px
--r-pill	999px · 배지 전용

Domain Structure

도메인 구조

GitHub Pages 는 /kickmaster 로 접속해도 kickmaster.html 을 찾아 보여줍니다. 두 주소가 모두 열리므로, .html 을 붙이지 않은 짧은 주소를 정식 주소로 정하고 각 페이지에 canonical 태그와 sitemap 을 그 형태로 맞췄습니다. 홍보에도 짧은 주소를 사용합니다. (2026-07-31 적용)

naruunlabs.kr

/ — NARUUN LABS 메인
/kickmaster — AI KICK MASTER 소개
/jumpmaster — AI JUMP MASTER 소개
/aikickmaster — AI KICK MASTER 실행 화면
/aijumpmaster — AI JUMP MASTER 실행 화면

정식 주소 → .html 없는 짧은 형태 → canonical · sitemap 반영 완료

Reference

프로젝트 로드맵

메인 홈페이지와 제품 소개·관리 화면 리뉴얼이 진행 중입니다. 브랜드 가이드는 현재 적용 상태를 기준으로 계속 갱신합니다.

P0프로젝트 구조 정리 및 파일명 규칙 통일 완료

P1NARUUN LABS 브랜드 컬러·타이포·UI 규칙 확정 진행 중

P2naruunlabs.kr 메인 홈페이지 제작 완료

P3KICK MASTER / JUMP MASTER 소개 페이지 통일 진행 중

P4KICK HOME / JUMP HOME 관리 화면 통일 진행 중

P5AI KICK MASTER / AI JUMP MASTER 실행 프로그램 UI 통일

P6공식 SVG 로고 세트와 파비콘·앱 아이콘 제작

Contact Experience

문의 경험

홈페이지의 상담 경로는 카카오톡 채널 1:1 상담을 우선으로 하고, 전화번호를 보조 수단으로 함께 표시합니다.

공통 문의 CTA

010-7657-3579

도장 수업 중에는 답변이 늦어질 수 있습니다. 확인하는 대로 순차적으로 답변드리겠습니다.