ourdigital/our-claude-skills
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
eea49f9f8cd8edd481835ee3b3bd84ed86556c76
our-claude-skills/ourdigital-custom-skills/41-jamie-brand-audit/desktop/design/jamie_logo_guidelines.md
Andrew Yim eea49f9f8c refactor(skills): Restructure skills to dual-platform architecture 
Major refactoring of ourdigital-custom-skills with new numbering system:

## Structure Changes
- Each skill now has code/ (Claude Code) and desktop/ (Claude Desktop) versions
- New progressive numbering: 01-09 General, 10-19 SEO, 20-29 GTM, 30-39 OurDigital, 40-49 Jamie

## Skill Reorganization
- 01-notion-organizer (from 02)
- 10-18: SEO tools split into focused skills (technical, on-page, local, schema, vitals, gsc, gateway)
- 20-21: GTM audit and manager
- 30-32: OurDigital designer, research, presentation
- 40-41: Jamie brand editor and audit

## New Files
- .claude/commands/: Slash command definitions for all skills
- CLAUDE.md: Updated with new skill structure documentation
- REFACTORING_PLAN.md: Migration documentation
- COMPATIBILITY_REPORT.md, SKILLS_COMPARISON.md: Analysis docs

## Removed
- Old skill directories (02-05, 10-14, 20-21 old numbering)
- Consolidated into new structure with _archive/ for reference

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-22 01:58:24 +09:00

12 KiB
Raw Blame History

제이미성형외과 로고 가이드라인

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