Starium Global Redesign Audit — 2026-05-09

기준: Leonxlnx/taste-skill redesign-skill 패턴 (MIT) + mco fork 컨텍스트

1. AI 슬롭 패턴 점검 결과

A. ✅ 통과 — Awwwards-tier 수준 충족

항목	상태	근거
Tailwind 빌드 (CDN 제거)	✅	gzip 17KB, CDN 0
4 언어 prerender	✅	ko/zh/en/mn 정적
Image 최적화	✅	WebP+AVIF, srcset 다중 사이즈
SEO 풀세트	✅	og/canonical/hreflang/JSON-LD 5종
Service Worker (PWA)	✅	오프라인 캐시
Web Vitals 측정	✅	LCP/FCP/CLS/INP 자체
A/B 실험 라이브	✅	hero_cta_v1 + hero_copy_v1
보안 헤더	✅	CSP+5 헤더

B. ⚠️ 슬롭 패턴 — fix 권장 (Phase 8D)

#	슬롭 패턴	위치	처방
S1	Hero 텍스트 좁은 max-w-7xl 안 + h1 70px → 좁은 column에서 6줄 wrap 가능 (모바일/태블릿)	<section id="hero">	text-balance + leading-[0.95] + 명시적 break-word 균형
S2	"9 PAGES" "13 PAGES" 같은 page count 라벨 — 메타라벨 cliche	downloads 카드 (제거됨, OK)	(Phase 1 정리됨)
S3	좌-우 반복 hero+카드 레이아웃 (medical/beauty/treatments/devices/gallery 모두 비슷)	16 섹션 전체	5종 variant 섞기: full-width/2-col/오프셋/스택/오버레이
S4	Hero 카피 "Starium Edition" + tagline만 — 강한 promise 부재	hero h1	"[수치] / [수상] / [unique 가치]" 강조 (예: "8개 K-Medical 시술 · 4 언어 통합")
S5	카드 안 카드 (3-depth) — programs catalog 카드 안 다운로드 카드 (3-depth)	(Phase 5에서 일부 정리, OK)	추가 점검
S6	그라데이션 hero-mesh — 회색 톤 단조로움	<section id="hero" class="hero-mesh">	강한 mint/cyan accent 또는 large typography만
S7	본문 글씨 14-16px — 데스크톱 standard 18-20px 권장	text-sm 다수	본문 base 18px, 작은 글씨는 의도적 hierarchy일 때만
S8	Trust 4 카드 절대값 (8+/11/3 LANG) — 더 구체적 가치 가능	#trust	"Star 365 Clinic EST 2026 → '한국 항노화 의료 4개 분야 통합 최초'"
S9	Channels QR placeholder 회색 박스	#channels	사용자 액션(Phase 4 후속): 실 QR 교체 시 강조 색상 frame
S10	Hero 배지/스티커 부재 — first-impression 약함	<section id="hero">	"🏥 EST 2026" 또는 "MN/中/EN/KO 4 lang" 의도적 배지
S11	Motion 미세 부재 — 정적 reveal만	전체	scroll-driven scale/translate (intersect 시 미세 motion)
S12	CTA 단일색 (slate-900 버튼) — variant B(rose-500) A/B 외		시각적 hierarchy 강조 (primary mint, secondary slate)

C. ❌ 추가 누락 (taste-skill 권장)

• Cinematic spatial rhythm (섹션 간 px 200+ macro whitespace) — 현 py-24 (96px) 약간 부족
• Asymmetric layouts (의도적 unbalance) — 현 거의 모든 섹션이 center-aligned grid
• Editorial typography pairing (display + body 폰트 분리) — 현 Inter 단일

2. Redesign 우선순위

🔥 High (Phase 8D 즉시 적용)

• S1 Hero text-balance + leading 조정 — 0 비용 + 모바일 LCP 영향
• S4 Hero 카피 강화 — "[수치] · [수상] · [unique 가치]" 패턴
• S6 Hero 배경 강화 — mint accent 혹은 large editorial type만
• S10 Hero 배지 — "🏥 EST 2026" 명시
• S11 micro motion — IntersectionObserver scale/opacity

🟡 Medium (Phase 9 후보)

• S3 16 섹션 layout variant — 5 종 섞기 (대규모 재구성)
• S7 본문 글씨 base 18px (전역 영향)
• S12 primary mint CTA — A/B framework 활용

🟢 Low (옵션)

• S8 Trust 카드 카피 강화 — 객관적 fact 명시
• Cinematic spacing macro whitespace — py-32+ 일부 섹션

3. 실행 명령 (Phase 8D)

# Phase 8D: 메인 페이지 hero + S1, S4, S6, S10, S11 fix
python3 redesign-fix.py
systemctl restart star365-ceo
# Web Vitals 측정 + A/B variant 분기로 효과 검증

4. 외부 의존성

• upstream: Leonxlnx/taste-skill (MIT)
• 이 audit는 redesign-skill ~/.claude/skills/redesign-starium/SKILL.md 패턴 따름