NB Design Tools · 무료 도구

NB Design Tools 무료 도구 사용 안내

컬러 팔레트, CTA 문구, 배너 카피, 브랜드 톤 정리를 무료로 도와줍니다.

아래 도구는 모두 브라우저 안에서 계산합니다. 입력한 값이 서버로 전송되지 않고, 설치·가입도 필요 없습니다. 도구마다 계산식과 결과 읽는 법, 자주 틀리는 지점을 함께 정리해 뒀습니다.

도구별 안내

가로·세로를 넣으면 현재 비율과 주요 비율(16:9·4:5·1:1·9:16·3:2)로 맞춘 크기를 계산합니다. 플랫폼별 권장 사이즈와 잘림을 피하는 방법도 정리했습니다.

이렇게 씁니다 — 가로 픽셀을 입력합니다. 예: 1920 → 세로 픽셀을 입력합니다. 예: 1080

기준 색상이나 브랜드 키워드를 넣으면 Primary·Accent·배경·텍스트까지 역할별 7색과 CSS 변수를 만들고, 흰 글자 대비까지 계산합니다.

이렇게 씁니다 — 기준 색상(HEX)을 넣습니다. 예: `#7c3aed` → 색이 없으면 브랜드 키워드를 적어도 됩니다. 예: `따뜻한 카페` — 글자에서 색을 만들어 냅니다.

유도할 행동과 톤을 고르면 버튼 문구 후보 5개를 만듭니다. 버튼 글자 수와 불안 해소 문구의 효과를 정리했습니다.

이렇게 씁니다 — 유도할 행동을 입력합니다. 예: 무료 체험 신청 → 톤을 고릅니다 — 긴급 · 부드러운 · 혜택 강조 · 호기심.

상품·혜택·배너 크기를 넣으면 카피 후보 5종과 크기별 권장 글자 수를 알려줍니다. 텍스트 면적 제한도 함께 정리했습니다.

이렇게 씁니다 — 상품/서비스를 입력합니다. 예: 여름 신상 세일 → 핵심 혜택을 입력합니다. 예: 최대 50% 할인

프로젝트명과 요구사항을 넣으면 디자인 브리프 양식을 만듭니다. 분쟁을 막는 항목(제외 범위·시안 수·피드백 일정)을 짚었습니다.

이렇게 씁니다 — 프로젝트명을 입력합니다. 예: 카페 로고 리뉴얼 → 요구사항·참고를 한 줄에 하나씩 적습니다.

브랜드·블로그·쇼핑몰 등 성격별 한글 폰트 조합을 추천하고 웹·앱·인쇄물별 제목과 본문 크기를 표로 제시합니다.

이렇게 씁니다 — 콘텐츠 성격을 고릅니다 — 브랜드/기업 · 블로그/매거진 · 쇼핑몰/커머스 · 포트폴리오 · 기술 문서. → 플랫폼을 고릅니다 — 웹 · 모바일 앱 · 인쇄물.

설치·가입 없이 브라우저에서 바로 쓰는 무료 도구들입니다.