From 438f72108ca6e9116110a1e690574f7776339d6c Mon Sep 17 00:00:00 2001 From: Andrew Yim Date: Wed, 21 Jan 2026 17:36:08 +0700 Subject: [PATCH] feat(jamie-skills): Add journal.jamie.clinic graphic style guide MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add dedicated graphic design style guide for "정기호의 성형외과 진료실 이야기" channel (journal.jamie.clinic) to jamie-brand-editor and jamie-brand-audit skills. Style guide includes: - Color palette: Light Blue Gray (#E0E5EB) background, Soft Black (#333333) text - Typography: Sans-serif/Gothic fonts with English medical term annotations - Graphics: Medical schematic style illustrations, muted blue/gray accents only - Layout: Grid-aligned with generous white space Co-Authored-By: Claude Opus 4.5 --- .../40-jamie-brand-editor/code/CLAUDE.md | 40 +++++++++++++ .../40-jamie-brand-editor/desktop/SKILL.md | 44 +++++++++++++- .../41-jamie-brand-audit/code/CLAUDE.md | 49 ++++++++++++++++ .../41-jamie-brand-audit/desktop/SKILL.md | 57 ++++++++++++++++++- 4 files changed, 186 insertions(+), 4 deletions(-) diff --git a/custom-skills/40-jamie-brand-editor/code/CLAUDE.md b/custom-skills/40-jamie-brand-editor/code/CLAUDE.md index 5ff38f8..7be713e 100644 --- a/custom-skills/40-jamie-brand-editor/code/CLAUDE.md +++ b/custom-skills/40-jamie-brand-editor/code/CLAUDE.md @@ -67,3 +67,43 @@ See `desktop/` for: - `brand_guidelines/` - Voice and tone guide - `regulations/` - Medical ad law summary - `procedures_dataset/` - Procedure information + +--- + +## Journal Channel Graphic Style Guide + +**Channel**: "정기호의 성형외과 진료실 이야기" (https://journal.jamie.clinic) + +When proposing new graphics for this channel, follow the Jamie Clinic blog style below. + +### 1. Tone & Manner +- **Professional & Medical**: Clean, organized design that builds trust. No excessive decoration or humor. +- **Clear & Intuitive**: Simplify complex information for instant comprehension. +- **Clean & Minimalist**: Use generous white space for an uncluttered, refined appearance. + +### 2. Color Palette + +| Element | Color | Hex Code | +|---------|-------|----------| +| **Background (Main)** | Light Blue Gray | #E0E5EB | +| **Background (Content)** | White | #FFFFFF | +| **Text** | Soft Black | #333333 | +| **Accent (Upper Eyelid)** | Muted Blue | (desaturated, calm) | +| **Accent (Lower Eyelid)** | Muted Gray | (desaturated, calm) | + +**Important**: Avoid saturated primary colors (red, yellow, bright blue). All colors must be toned-down/muted. + +### 3. Typography & Hierarchy +- **Font Style**: Modern sans-serif (Gothic) with high readability. No decorative or serif fonts. +- **Titles**: Largest size, Bold weight +- **Body/Labels**: Medium size, Regular/Medium weight +- **English Terms**: Medical terminology MUST include English in parentheses, slightly smaller or lighter than Korean (e.g., 상안검 (Upper Eyelid)) + +### 4. Graphic Elements Style +- **Illustrations (Anatomy)**: Medical schematic style, not overly realistic. Clean line art with semi-transparent color overlays. +- **Icons (Infographics)**: Simple flat design with subtle shadows/gradients for soft depth. +- **Arrows/Pointers**: Simple, clean straight lines or gentle curves. Use brand accent colors (muted blue/gray). + +### 5. Layout & Composition +- **Alignment**: Center-aligned or clear 2-column/N-column grid structure for visual stability. +- **White Space**: Generous spacing between text, images, and content blocks to minimize interference and create an airy feel. diff --git a/custom-skills/40-jamie-brand-editor/desktop/SKILL.md b/custom-skills/40-jamie-brand-editor/desktop/SKILL.md index 479ceb6..eeb024e 100644 --- a/custom-skills/40-jamie-brand-editor/desktop/SKILL.md +++ b/custom-skills/40-jamie-brand-editor/desktop/SKILL.md @@ -217,4 +217,46 @@ scripts/ --- -*Version 1.1.0 | 2025-12-11 | Under Development* +--- + +## Journal Channel Graphic Style Guide + +**Channel**: "정기호의 성형외과 진료실 이야기" (https://journal.jamie.clinic) + +When proposing new graphics for this channel, follow the Jamie Clinic blog style below. + +### 1. Tone & Manner +- **Professional & Medical**: Clean, organized design that builds trust. No excessive decoration or humor. +- **Clear & Intuitive**: Simplify complex information for instant comprehension. +- **Clean & Minimalist**: Use generous white space for an uncluttered, refined appearance. + +### 2. Color Palette + +| Element | Color | Hex Code | +|---------|-------|----------| +| **Background (Main)** | Light Blue Gray | #E0E5EB | +| **Background (Content)** | White | #FFFFFF | +| **Text** | Soft Black | #333333 | +| **Accent (Upper Eyelid)** | Muted Blue | (desaturated, calm) | +| **Accent (Lower Eyelid)** | Muted Gray | (desaturated, calm) | + +**Important**: Avoid saturated primary colors (red, yellow, bright blue). All colors must be toned-down/muted. + +### 3. Typography & Hierarchy +- **Font Style**: Modern sans-serif (Gothic) with high readability. No decorative or serif fonts. +- **Titles**: Largest size, Bold weight +- **Body/Labels**: Medium size, Regular/Medium weight +- **English Terms**: Medical terminology MUST include English in parentheses, slightly smaller or lighter than Korean (e.g., 상안검 (Upper Eyelid)) + +### 4. Graphic Elements Style +- **Illustrations (Anatomy)**: Medical schematic style, not overly realistic. Clean line art with semi-transparent color overlays. +- **Icons (Infographics)**: Simple flat design with subtle shadows/gradients for soft depth. +- **Arrows/Pointers**: Simple, clean straight lines or gentle curves. Use brand accent colors (muted blue/gray). + +### 5. Layout & Composition +- **Alignment**: Center-aligned or clear 2-column/N-column grid structure for visual stability. +- **White Space**: Generous spacing between text, images, and content blocks to minimize interference and create an airy feel. + +--- + +*Version 1.2.0 | 2026-01-21 | Journal Style Guide Added* diff --git a/custom-skills/41-jamie-brand-audit/code/CLAUDE.md b/custom-skills/41-jamie-brand-audit/code/CLAUDE.md index 85e606d..f3eb612 100644 --- a/custom-skills/41-jamie-brand-audit/code/CLAUDE.md +++ b/custom-skills/41-jamie-brand-audit/code/CLAUDE.md @@ -69,3 +69,52 @@ Provide structured feedback: - Specific issues with line references - Suggested corrections - Approval/revision recommendation + +--- + +## Journal Channel Graphic Style Guide + +**Channel**: "정기호의 성형외과 진료실 이야기" (https://journal.jamie.clinic) + +When reviewing graphics for this channel, verify compliance with the Jamie Clinic blog style below. + +### 1. Tone & Manner +- **Professional & Medical**: Clean, organized design that builds trust. No excessive decoration or humor. +- **Clear & Intuitive**: Simplify complex information for instant comprehension. +- **Clean & Minimalist**: Use generous white space for an uncluttered, refined appearance. + +### 2. Color Palette + +| Element | Color | Hex Code | +|---------|-------|----------| +| **Background (Main)** | Light Blue Gray | #E0E5EB | +| **Background (Content)** | White | #FFFFFF | +| **Text** | Soft Black | #333333 | +| **Accent (Upper Eyelid)** | Muted Blue | (desaturated, calm) | +| **Accent (Lower Eyelid)** | Muted Gray | (desaturated, calm) | + +**Important**: Avoid saturated primary colors (red, yellow, bright blue). All colors must be toned-down/muted. + +### 3. Typography & Hierarchy +- **Font Style**: Modern sans-serif (Gothic) with high readability. No decorative or serif fonts. +- **Titles**: Largest size, Bold weight +- **Body/Labels**: Medium size, Regular/Medium weight +- **English Terms**: Medical terminology MUST include English in parentheses, slightly smaller or lighter than Korean (e.g., 상안검 (Upper Eyelid)) + +### 4. Graphic Elements Style +- **Illustrations (Anatomy)**: Medical schematic style, not overly realistic. Clean line art with semi-transparent color overlays. +- **Icons (Infographics)**: Simple flat design with subtle shadows/gradients for soft depth. +- **Arrows/Pointers**: Simple, clean straight lines or gentle curves. Use brand accent colors (muted blue/gray). + +### 5. Layout & Composition +- **Alignment**: Center-aligned or clear 2-column/N-column grid structure for visual stability. +- **White Space**: Generous spacing between text, images, and content blocks to minimize interference and create an airy feel. + +### Journal Graphic Review Checklist +- [ ] Background uses Light Blue Gray (#E0E5EB) +- [ ] Text uses Soft Black (#333333) with sans-serif font +- [ ] Medical terms include English translation in parentheses +- [ ] No saturated/bright colors used +- [ ] Illustrations are medical schematic style (not photorealistic) +- [ ] Sufficient white space between elements +- [ ] Grid-based or center-aligned layout diff --git a/custom-skills/41-jamie-brand-audit/desktop/SKILL.md b/custom-skills/41-jamie-brand-audit/desktop/SKILL.md index 12a63ee..58cb229 100644 --- a/custom-skills/41-jamie-brand-audit/desktop/SKILL.md +++ b/custom-skills/41-jamie-brand-audit/desktop/SKILL.md @@ -476,6 +476,57 @@ HTML 파일을 PDF로 변환하려면: --- -*본 스킬은 제이미성형외과의 브랜드 일관성 유지를 위해 작성되었습니다.* -*모든 콘텐츠 작성 및 검토 시 본 가이드를 참조하세요.* -*버전: 2.8 | 최종 수정: 2025-12-09* +--- + +## Journal Channel Graphic Style Guide + +**Channel**: "정기호의 성형외과 진료실 이야기" (https://journal.jamie.clinic) + +When reviewing graphics for this channel, verify compliance with the Jamie Clinic blog style below. + +### 1. Tone & Manner +- **Professional & Medical**: Clean, organized design that builds trust. No excessive decoration or humor. +- **Clear & Intuitive**: Simplify complex information for instant comprehension. +- **Clean & Minimalist**: Use generous white space for an uncluttered, refined appearance. + +### 2. Color Palette + +| Element | Color | Hex Code | +|---------|-------|----------| +| **Background (Main)** | Light Blue Gray | #E0E5EB | +| **Background (Content)** | White | #FFFFFF | +| **Text** | Soft Black | #333333 | +| **Accent (Upper Eyelid)** | Muted Blue | (desaturated, calm) | +| **Accent (Lower Eyelid)** | Muted Gray | (desaturated, calm) | + +**Important**: Avoid saturated primary colors (red, yellow, bright blue). All colors must be toned-down/muted. + +### 3. Typography & Hierarchy +- **Font Style**: Modern sans-serif (Gothic) with high readability. No decorative or serif fonts. +- **Titles**: Largest size, Bold weight +- **Body/Labels**: Medium size, Regular/Medium weight +- **English Terms**: Medical terminology MUST include English in parentheses, slightly smaller or lighter than Korean (e.g., 상안검 (Upper Eyelid)) + +### 4. Graphic Elements Style +- **Illustrations (Anatomy)**: Medical schematic style, not overly realistic. Clean line art with semi-transparent color overlays. +- **Icons (Infographics)**: Simple flat design with subtle shadows/gradients for soft depth. +- **Arrows/Pointers**: Simple, clean straight lines or gentle curves. Use brand accent colors (muted blue/gray). + +### 5. Layout & Composition +- **Alignment**: Center-aligned or clear 2-column/N-column grid structure for visual stability. +- **White Space**: Generous spacing between text, images, and content blocks to minimize interference and create an airy feel. + +### Journal Graphic Review Checklist +- [ ] Background uses Light Blue Gray (#E0E5EB) +- [ ] Text uses Soft Black (#333333) with sans-serif font +- [ ] Medical terms include English translation in parentheses +- [ ] No saturated/bright colors used +- [ ] Illustrations are medical schematic style (not photorealistic) +- [ ] Sufficient white space between elements +- [ ] Grid-based or center-aligned layout + +--- + +*This skill is created to maintain brand consistency for Jamie Plastic Surgery Clinic.* +*Refer to this guide for all content creation and review.* +*Version: 2.9 | Last Updated: 2026-01-21 | Journal Style Guide Added*