ourdigital/our-claude-skills
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
aedfa316baf760e403222b6938539538a9cca3b9
our-claude-skills/_jamie-reference-raw-data/jamie_logo_guidelines.md
Andrew Yim 341d5f5a5b Initial commit: Claude Skills Factory with 8 refined custom skills 
Custom Skills (ourdigital-custom-skills/):
- 00-ourdigital-visual-storytelling: Blog featured image prompt generator
- 01-ourdigital-research-publisher: Research-to-publication workflow
- 02-notion-organizer: Notion workspace management
- 03-research-to-presentation: Notion research to PPT/Figma
- 04-seo-gateway-strategist: SEO gateway page strategy planning
- 05-gateway-page-content-builder: Gateway page content generation
- 20-jamie-brand-editor: Jamie Clinic branded content GENERATION
- 21-jamie-brand-guardian: Jamie Clinic content REVIEW & evaluation

Refinements applied:
- All skills converted to SKILL.md format with YAML frontmatter
- Added version fields to all skills
- Flattened nested folder structures
- Removed packaging artifacts (.zip, .skill files)
- Reorganized file structures (scripts/, references/, etc.)
- Differentiated Jamie skills with clear roles

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-10 17:56:04 +09:00

325 lines
12 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 제이미성형외과 로고 가이드라인
## Jamie Clinic Logo Guidelines
**버전**: 1.0
**작성일**: 2025-12-09
**참조 파일**:
- _Jamie-Clinic-plaque.png
- jamie_logo_f_j.webp
- Jamie-Clinic-Logo-Square-500x500-dark.jpg
---
## 1. 로고 구성 요소
### 1.1 심볼 마크 (Symbol Mark)
```
┌────────────────────────────────────────┐
│ │
│ ████ │
│ ██ ██ │
│ ██ ██ │
│ ██ ██ 여성 얼굴 측면 실루엣 │
│ ██ ██ (Face Profile) │
│ ██ ██ │
│ ████ │
│ ██ │
│ │
└────────────────────────────────────────┘
```
**설명**:
- 여성 얼굴의 측면 실루엣
- 성형외과의 전문 분야인 '얼굴 성형'을 상징
- 자연스럽고 아름다운 윤곽선 강조
- 우아하고 세련된 이미지 전달
### 1.2 워드마크 (Wordmark)
| 언어 | 표기 | 서체 스타일 |
|-----|------|------------|
| 국문 | 제이미 성형외과 | 고딕 계열, Bold |
| 영문 | JAMIE | Sans-serif, Bold, 대문자 |
### 1.3 조합형 로고 (Combination Mark)
**가로형 (국문)**
```
┌─────────────────────────────────────────────────┐
│ │
│ [실루엣] 제이미 │
│ 성형외과 │
│ │
└─────────────────────────────────────────────────┘
```
**정사각형 (영문)**
```
┌───────────────────┐
│ │
│ [실루엣] │
│ │
│ JAMIE │
│ │
└───────────────────┘
```
---
## 2. 로고 버전
### 2.1 공식 로고 버전
| 버전 | 용도 | 파일 |
|-----|------|------|
| **국문 가로형** | 간판, 명판, 공식 문서, 인쇄물 | _Jamie-Clinic-plaque.png |
| **영문 정사각형 (흰색)** | 다크 배경, SNS 프로필 | jamie_logo_f_j.webp |
| **영문 정사각형 (그린)** | 브랜드 컬러 강조, 마케팅 | Jamie-Clinic-Logo-Square-500x500-dark.jpg |
### 2.2 컬러 변형
#### Primary (기본)
```
┌─────────────────────────────────────────────────┐
│ 검정 배경 + Jamie Green 실루엣 │
│ Background: #000000 │
│ Symbol: #79A233 (Jamie Green) │
│ Text: #79A233 (Jamie Green) │
└─────────────────────────────────────────────────┘
```
#### Monochrome - Dark (다크 모노크롬)
```
┌─────────────────────────────────────────────────┐
│ 검정 배경 + 흰색 │
│ Background: #000000 │
│ Symbol: #FFFFFF │
│ Text: #FFFFFF │
└─────────────────────────────────────────────────┘
```
#### Monochrome - Light (라이트 모노크롬)
```
┌─────────────────────────────────────────────────┐
│ 흰색/밝은 배경 + 검정 │
│ Background: #FFFFFF │
│ Symbol: #000000 │
│ Text: #000000 │
└─────────────────────────────────────────────────┘
```
#### Reversed (반전)
```
┌─────────────────────────────────────────────────┐
│ Jamie Green 배경 + 흰색 │
│ Background: #79A233 │
│ Symbol: #FFFFFF │
│ Text: #FFFFFF │
└─────────────────────────────────────────────────┘
```
---
## 3. 로고 사용 규정
### 3.1 최소 크기 (Minimum Size)
| 매체 | 최소 너비 | 설명 |
|-----|----------|------|
| **인쇄물** | 25mm | 명함, 브로슈어 등 |
| **디지털** | 80px | 웹, 앱, SNS 등 |
| **파비콘** | 16×16px | 심볼만 사용 |
| **SNS 프로필** | 180×180px | 정사각형 로고 |
### 3.2 여백 규정 (Clear Space)
로고 주변에는 최소 여백(Clear Space)을 확보하여 가독성을 보장합니다.
```
┌─────────────────────────────────────────┐
│ │
│ ┌───────────────────────────┐ │
│ │ ← X → │ │
│ │ ↑ │ │
│ │ X ┌───────────┐ │ │
│ │ ↓ │ LOGO │ │ │
│ │ └───────────┘ │ │
│ │ ← X → │ │
│ └───────────────────────────┘ │
│ │
└─────────────────────────────────────────┘
X = 로고 높이의 25% (또는 워드마크 'J' 높이)
```
**여백 기준**:
- 상하좌우 동일하게 X값 적용
- 다른 그래픽 요소, 텍스트와 충분한 간격 유지
- 가장자리(테두리)에 너무 가깝게 배치 금지
### 3.3 배치 가이드
| 위치 | 권장 | 비권장 |
|-----|------|--------|
| **문서 헤더** | 좌측 상단 또는 중앙 | 우측 하단 |
| **명함** | 전면 중앙 또는 좌측 | 뒤집어서 배치 |
| **웹사이트** | 좌측 상단 (헤더) | 푸터에만 배치 |
| **SNS** | 프로필 이미지 중앙 | 잘린 상태로 사용 |
---
## 4. 로고 사용 금지 사항
### 4.1 비율 변형 금지
```
❌ 가로로 늘리기 ❌ 세로로 늘리기 ❌ 기울이기
┌──────────────┐ ┌────┐ ╱────╲
│ JAMIE │ │ J │ ╱ JAMIE╲
│ (늘어남) │ │ A │ ╱ ╲
└──────────────┘ │ M │
│ I │
│ E │
└────┘
```
### 4.2 색상 임의 변경 금지
```
❌ 승인되지 않은 색상 사용
- 빨강, 파랑, 노랑 등 브랜드 컬러가 아닌 색상
- 그라데이션 적용
- 무지개 색상
✓ 승인된 색상만 사용
- #000000 (Black)
- #FFFFFF (White)
- #79A233 (Jamie Green)
- #AFCC6D (Jamie Light Green)
- #6d7856 (Jamie Main)
```
### 4.3 배경 대비 부적절 사용 금지
```
❌ 대비 부족 ✓ 충분한 대비
┌──────────────────┐ ┌──────────────────┐
│ ░░░░░░░░░░░░░░░░ │ │ ████████████████ │
│ ░░ JAMIE ░░░░░░░ │ │ ██ JAMIE ████ │
│ ░░░░░░░░░░░░░░░░ │ │ ████████████████ │
└──────────────────┘ └──────────────────┘
(밝은 배경 + 밝은 로고) (어두운 배경 + 밝은 로고)
```
### 4.4 기타 금지 사항
| 금지 사항 | 설명 |
|----------|------|
| **요소 분리** | 심볼과 워드마크를 임의로 분리하여 사용 |
| **효과 추가** | 그림자, 엠보싱, 외곽선, 발광 효과 등 |
| **텍스트 변경** | 워드마크 폰트 변경 또는 글자 수정 |
| **장식 추가** | 별, 하트, 밑줄 등 장식 요소 추가 |
| **복잡한 배경** | 패턴, 사진 위에 직접 배치 (단색 배경 권장) |
| **로고 자르기** | 로고의 일부가 잘리도록 배치 |
| **회전** | 45°, 90° 등 임의 회전 |
---
## 5. 매체별 적용 가이드
### 5.1 인쇄물
| 매체 | 권장 버전 | 파일 형식 | 최소 해상도 |
|-----|----------|----------|------------|
| 명함 | 국문 가로형 | AI, PDF | 300dpi |
| 브로슈어 | 국문 가로형 | AI, PDF | 300dpi |
| 간판 | 국문 가로형 | AI, EPS | 벡터 |
| 봉투/레터헤드 | 국문 가로형 | AI, PDF | 300dpi |
### 5.2 디지털
| 매체 | 권장 버전 | 파일 형식 | 권장 크기 |
|-----|----------|----------|----------|
| 웹사이트 헤더 | 영문 가로형 | PNG, SVG | 높이 60px |
| 파비콘 | 심볼만 | ICO, PNG | 32×32px |
| 이메일 서명 | 국문 가로형 | PNG | 높이 50px |
| SNS 프로필 | 정사각형 | PNG, JPG | 500×500px |
### 5.3 SNS 채널별
| 채널 | 프로필 | 커버 | 워터마크 |
|-----|-------|------|---------|
| Instagram | 정사각형 (그린) | - | 정사각형 (투명) |
| YouTube | 정사각형 (흰색) | 국문 가로형 | 정사각형 (투명) |
| Naver Blog | 정사각형 (그린) | 국문 가로형 | - |
| KakaoTalk | 정사각형 (흰색) | - | - |
---
## 6. 로고 파일 목록
### 6.1 제공 파일
| 파일명 | 형식 | 크기 | 용도 |
|-------|-----|------|------|
| _Jamie-Clinic-plaque.png | PNG | 가변 | 국문 조합형, 밝은 배경용 |
| jamie_logo_f_j.webp | WebP | 정사각형 | 영문 정사각형, 다크 배경용 (흰색) |
| Jamie-Clinic-Logo-Square-500x500-dark.jpg | JPG | 500×500px | 영문 정사각형, 다크 배경용 (그린) |
### 6.2 추가 필요 파일 (권장)
| 파일 | 형식 | 용도 | 우선순위 |
|-----|-----|------|---------|
| jamie_logo_vector.ai | AI | 원본 벡터 (편집용) | 🔴 높음 |
| jamie_logo_vector.svg | SVG | 웹용 벡터 | 🔴 높음 |
| jamie_symbol_only.png | PNG | 심볼만 (파비콘, 앱 아이콘) | 🔴 높음 |
| jamie_logo_kr_horizontal.png | PNG | 국문 가로형 (투명 배경) | 🟡 중간 |
| jamie_logo_reversed.png | PNG | 반전 버전 (그린 배경) | 🟢 낮음 |
---
## 7. 로고 사용 승인 프로세스
### 7.1 내부 사용
- 마케팅팀 또는 디자인 담당자가 가이드라인에 따라 자유롭게 사용
- 새로운 적용 사례는 기록 및 공유
### 7.2 외부 협력사/대행사 사용
1. 로고 파일 요청 시 본 가이드라인 함께 제공
2. 시안 검토 단계에서 가이드라인 준수 여부 확인
3. 최종 결과물 승인 후 사용
### 7.3 미디어/언론 사용
1. 공식 로고 파일 제공 (압축 파일 형태)
2. 가이드라인 준수 요청
3. 게재 전 확인 권장
---
## 8. 버전 히스토리
| 버전 | 날짜 | 변경 내용 | 작성자 |
|-----|------|----------|-------|
| 1.0 | 2025-12-09 | 초안 작성 | Marketing |
---
## 부록: 빠른 참조 가이드
### ✅ Do's (권장)
- 공식 파일만 사용
- 충분한 여백 확보
- 적절한 배경 대비 유지
- 최소 크기 이상으로 사용
- 승인된 컬러만 적용
### ❌ Don'ts (금지)
- 비율 변형
- 색상 임의 변경
- 효과 추가 (그림자, 발광 등)
- 복잡한 배경 위 사용
- 로고 일부 자르기
- 다른 요소와 너무 가깝게 배치
Reference in New Issue View Git Blame Copy Permalink