초청장 에디터

1. 기본 편집

• 글자 — 요소를 더블클릭하면 바로 수정. 오른쪽에서 글꼴·크기·굵기·행간·자간·색상 변경
• 색상 — 오른쪽 위 브랜드/본문/보조 3색. @brand로 묶인 요소(헤드라인·라벨·표 머리글·하단 띠)는 한 번에 같이 바뀝니다
• 그라디언트 채우기 — 캔버스 배경·도형·라벨 배경·표 머리글을 단색 대신 그라디언트로 칠합니다. 미니메드 버튼 한 번이면 브랜드 그라디언트(미니메드 블루 #0067F0 → 라이트 그린 #55F974, 45° = 좌상단→우하단)가 켜집니다. 시작·끝 색은 색 견본으로, 방향은 → 우 / ↓ 하 / ← 좌 / ↑ 상 버튼으로 고르고(색이 흘러가는 쪽입니다 — 우 = 왼쪽에서 오른쪽으로), 그 옆 각도 칸에 숫자를 넣으면 45° 같은 대각선도 됩니다(0°=왼→오, 90°=위→아래, 180°=오→왼, 270°=아래→위). 꺼짐 버튼을 다시 누르면 단색으로 돌아갑니다. PNG·JPG 내보내기와 AI/SVG 저장에도 그대로 들어갑니다
• 이미지 — 이미지 교체… 버튼, 또는 캔버스에 파일을 끌어다 놓기
• 이미지 맞춤 — 원본 비율 / 채우기·크롭(박스를 꽉 채우고 남는 부분은 잘라냄, 초점으로 남길 부분 지정) / 맞추기 / 늘이기
• 표 — 한 줄이 한 행, | 로 열 구분, // 뒤는 작은 회색 글씨(소속). 속성의 표 글씨 크기에서 머리글·본문·소속 글씨를 숫자로 넣거나 가 − / 가 + 로 한 번에 조절. + 열 / − 열 / 균등 분배로 열을 늘이고 줄이며, 열 정렬로 열마다 왼쪽·가운데·오른쪽 지정
• 템플릿 추가 — 목록에서 템플릿을 우클릭 → 복제. 또는 템플릿만 고른 뒤(캔버스 요소를 선택하지 않은 상태) ⌘C로 복사하고 ⌘V로 목록에 붙여넣기. ＋ 복사해서 추가 버튼과 ⌘D(선택 없을 때)도 같습니다. 아래 이름 칸에서 이름을 바꾸고, 삭제(두 번 눌러 확인)로 지웁니다
• 여러 개 한꺼번에 — ⇧클릭(또는 레이어 목록에서 ⇧클릭)으로 여러 요소를 골라 함께 끌고, 복사·복제·삭제
• 캔버스 폭에 맞추기 — 속성 위쪽 버튼 한 번으로 그리드 여백 안쪽 가득 채우기(붙여넣은 표가 넘칠 때)
• 복사·붙여넣기 — ⌘C(윈도우 Ctrl+C) 복사 → 다른 템플릿으로 옮겨 ⌘V. 한글 입력 상태에서도 그대로 됩니다. 글자 입력칸 안에 커서가 있으면 글자가 복사되니, 요소를 복사할 땐 캔버스를 한 번 클릭해 두세요. 스크린샷을 ⌘V 하면 이미지로 바로 들어갑니다. 규격이 다르면 크기가 자동으로 맞춰집니다(예: A4 전단의 프로그램 표 → 초청장 4:5). ⇧⌘C 는 그 템플릿의 요소 전부, ⇧⌘V 는 크기 조절 없이 원본 수치 그대로
• 글꼴 — 국문 기본은 본고딕(Noto Sans KR). 오른쪽 전체 폰트에서 바꾸고 모든 템플릿에 이 글꼴 적용으로 한 번에 반영(추가한 템플릿 포함)

2. 내보내기

• 내보내기 현재 시안 1장, 전체 내보내기 목록에 있는 템플릿 전부(추가한 템플릿 포함)
• 배율 1~4x — 인쇄물은 3~4x, 화면용은 1~2x 권장
• 투명 배경을 켜면 바탕을 칠하지 않은 PNG로 나옵니다(로고·컷아웃을 다른 자료에 얹을 때). JPG 는 투명도를 담을 수 없어 자동으로 꺼집니다
• 전체 내보내기는 템플릿 수만큼 이어서 내려받습니다 — 크롬이 “여러 파일 다운로드” 를 물으면 허용
• 큰 사진은 넣을 때 긴 변 2400px로 자동 축소됩니다(자동 저장 용량 초과 방지). 원본 화질이 꼭 필요하면 인쇄 직전에 교체하세요
• 중간 저장(⌘S) — 지금 상태를 이름 붙여 남겨두고, 왼쪽 목록의 되돌리기로 언제든 그 시점으로 복귀(최대 12개, 되돌린 것도 ⌘Z로 취소). 브라우저에 저장되므로 다른 PC로 옮길 땐 저장(JSON)을 쓰세요
• 저장은 편집 상태를 JSON으로 보관(다른 PC에서 불러오기로 이어서 작업)

3. 레이아웃 시스템 — 6×6 모듈 그리드

모든 지면은 최소 6열 × 6행 그리드에서 시작합니다. 이미지·색 블록·글자를 모듈(칸) 단위로 붙여 배치하면 어떤 규격에서도 브랜드 톤이 일정하게 유지됩니다.

• 그리드 설정은 모든 템플릿에 공통으로 적용됩니다 — 헤더의 ▦ 버튼(G)으로 켜고 템플릿을 옮겨 다니며 정렬을 확인하세요
• 그리드를 켜면 드래그할 때 모듈·안내선에 자동으로 붙습니다 (⌥ 누르면 잠시 해제)
• 선택 요소를 모듈에 맞추기 버튼이면 위치·크기를 한 번에 칸에 정렬
• 이미지를 모듈에 꽉 채울 때는 맞춤을 채우기·크롭으로