디자인 가이드

디자인 작업에 필요한 모든 표준 사이즈와 가이드라인을 한 곳에서 확인하세요.

전체 작업
웹 디자인 컨텐츠 디자인 크리에이티브 디자인 인터넷 방송 디자인 영상 디자인 프로그래밍 광고 디자인 프로젝트 디자인 블로그 YouTube
블로그 전체 개인 작업 디자인 팁 디자인 가이드 NFP 자료실 일상
플랫폼 사이즈
컬러 가이드
타이포그래피
레이아웃 & 그리드
UI 요소
브랜딩

소셜 미디어

인스타그램 포스트 1080 x 1080px 1:1 비율
인스타그램 스토리 1080 x 1920px 9:16 비율
인스타그램 세로형 1080 x 1350px 4:5 비율
페이스북 커버 820 x 312px 페이지 커버
페이스북 포스트 1200 x 630px 링크 미리보기
유튜브 썸네일 1280 x 720px 16:9 비율
틱톡 동영상 1080 x 1920px 9:16 비율
링크드인 커버 1584 x 396px 4:1 비율

웹사이트

데스크톱 1920 x 1080px Full HD
모바일 배너 375 x 200px iPhone 기준
OG(소셜공유) 이미지 1200 x 630px 소셜 공유
파비콘 32 x 32px 브라우저 탭
PWA(웹 앱) 아이콘 512 x 512px 앱 아이콘
배너 광고 728 x 90px 리더보드

인쇄물

A4 용지 210 x 297mm 국제 표준
명함 90 x 54mm 한국 표준
A3 포스터 297 x 420mm 중형 포스터
현수막 1000 x 700mm 표준 현수막
엽서 (A6) 105 x 148mm A6 크기
브로셔 84 x 119mm 접이식
엑스배너 600 x 1800mm 스탠드 배너

브랜드 컬러 시스템

메인 컬러 60% 비중 브랜드 주색상
서브 컬러 30% 비중 보조 색상
액센트 컬러 10% 비중 강조 색상

색상 대비 기준

일반 텍스트 4.5:1 이상 웹 접근성 표준
대형 텍스트 3:1 이상 18pt 이상
AAA 등급 7:1 이상 최고 접근성

컬러 심리학

빨강 (#FF0000) 열정, 에너지 액션, 긴급성
파랑 (#0066FF) 신뢰, 안정 비즈니스, 의료
녹색 (#00CC66) 자연, 성장 환경, 건강
주황 (#FF6600) 창의, 친근 엔터테인먼트
보라 (#9966FF) 고급, 신비 럭셔리, 뷰티

폰트 크기 시스템

캡션 12px 작은 설명
작은 텍스트 14px 부가 정보
본문 16px 기본 텍스트
큰 본문 18px 읽기 편한 크기
소제목 24px 섹션 제목
제목 32px 페이지 제목
대제목 48px 히어로 타이틀

행간 (Line Height)

제목용 1.2배 헤딩 텍스트
일반용 1.4배 UI 텍스트
본문용 1.6배 긴 글 읽기

폰트 조합 추천

Pretendard + Noto Serif 한글 최적화 Sans + Serif
Inter + Playfair 모던 & 클래식 영문 조합
Roboto + Lora 구글 폰트 무료 조합

여백 시스템 (8px 배수)

최소 여백 8px 요소 간 최소 간격
기본 여백 16px 일반적인 간격
중간 여백 24px 섹션 내 간격
큰 여백 32px 컴포넌트 간격
섹션 여백 48px 섹션 간 간격
페이지 여백 64px 페이지 상하 간격

그리드 시스템

12 컬럼 Bootstrap 표준 웹 기본
16 컬럼 Material Design 구글 표준
24 컬럼 복잡한 레이아웃 세밀한 조정

황금비율 & 비율

황금비율 1:1.618 완벽한 조화
와이드 스크린 16:9 동영상, 모니터
클래식 4:3 전통적 비율
정사각형 1:1 SNS 포스트

아이콘 크기

작은 아이콘 16px 인라인, 텍스트 옆
기본 아이콘 24px 버튼, 메뉴
큰 아이콘 32px 헤더, 중요 액션
초대형 아이콘 48px 히어로, 피처

버튼 크기

작은 버튼 32px 높이 보조 액션
기본 버튼 40px 높이 일반 액션
큰 버튼 48px 높이 주요 액션
초대형 버튼 56px 높이 CTA 버튼

터치 영역 (모바일)

최소 터치 영역 44px × 44px Apple 권장
구글 권장 가이드 48px × 48px Material Design
터치 간격 8px 이상 요소 간 최소 간격

로고 가이드라인

최소 크기 24px 높이 가독성 확보
세이프 존 로고 높이의 1/2 주변 여백
명함 로고 15-20mm 인쇄물 최적

브랜드 컬러 형식

웹 색상 코드(HEX) #01FF75 웹 디자인
RGB 값 rgb(1, 255, 117) 디지털 화면
CMYK 값 CMYK(60, 0, 54, 0) 인쇄물
팬톤 색상 PMS 354 C 특색(별색) 인쇄

앱 아이콘 크기

iOS 앱스토어 1024×1024px 앱스토어 등록
구글 플레이 512×512px 플레이스토어
iOS 디바이스 180×180px iPhone
안드로이드 192×192px 기본 크기