chore: 브랜드 로고 에셋 추가 (logo png/svg)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-17 18:10:28 +09:00
parent ae385355b8
commit b626bbdf6c
18 changed files with 83 additions and 0 deletions
@@ -0,0 +1,34 @@
+Relay 로고 — A안 (더블 셰브론)
+================================
+
+브랜드 컬러
+  · 그라데이션  #5B54F0 → #4338CA  (140°)
+  · 단색 인디고  #4F46E5
+  · 워드마크 텍스트  #16181D (라이트) / #FFFFFF (다크)
+  · 폰트  Pretendard, Bold(700), letter-spacing -1
+
+파일 구성
+  svg/   ← 벡터 원본 (무한 확대, 편집 가능 — 권장)
+    relay-app-icon.svg        앱 아이콘 (그라데이션 타일 + 흰 셰브론)
+    relay-mark.svg            마크만 (인디고, 투명 배경)
+    relay-mark-white.svg      마크만 (흰색, 어두운 배경용)
+    relay-lockup.svg          가로 로고 (아이콘 + Relay, 라이트)
+    relay-lockup-dark.svg     가로 로고 (다크 배경용)
+
+  png/   ← 즉시 사용 (래스터)
+    relay-icon-1024 / 512 / 256.png   앱 아이콘
+    apple-touch-icon-180.png          iOS 홈 화면
+    favicon-48 / 32 / 16.png          브라우저 파비콘
+    relay-mark-512 / 256 / 128.png    마크 (투명 배경)
+    relay-lockup.png                  가로 로고 (흰 배경)
+    relay-lockup-transparent.png      가로 로고 (투명 배경)
+
+사용 가이드
+  · 최소 여백은 셰브론 높이의 1/2 이상 확보하세요.
+  · 가장 작은 사용 크기: 마크 16px / 가로 로고 높이 20px.
+  · 셰브론 비율·각도·라운드는 변경하지 마세요.
+  · 단색이 필요한 경우 #4F46E5, 어두운 배경은 흰색을 사용하세요.
+
+가로 로고 SVG의 'Relay' 글자는 Pretendard 폰트를 참조합니다.
+폰트가 없는 환경에서 정확히 보이게 하려면 png/relay-lockup.png 를
+사용하거나, 디자인 툴에서 글자를 윤곽선(outline)으로 변환하세요.
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" role="img" aria-label="Relay app icon">
+  <defs>
+    <linearGradient id="relayGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#5b54f0"></stop>
+      <stop offset="1" stop-color="#4338ca"></stop>
+    </linearGradient>
+  </defs>
+  <rect width="512" height="512" rx="143" fill="url(#relayGrad)"></rect>
+  <svg x="160" y="160" width="192" height="192" viewBox="0 0 32 32">
+    <path d="M8 8 L16 16 L8 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="M16 8 L24 16 L16 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+  </svg>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="356" height="96" viewBox="0 0 356 96" role="img" aria-label="Relay">
+  <defs>
+    <linearGradient id="relayGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#5b54f0"></stop>
+      <stop offset="1" stop-color="#4338ca"></stop>
+    </linearGradient>
+  </defs>
+  <rect width="96" height="96" rx="27" fill="url(#relayGrad)"></rect>
+  <svg x="22" y="22" width="52" height="52" viewBox="0 0 32 32">
+    <path d="M8 8 L16 16 L8 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="M16 8 L24 16 L16 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+  </svg>
+  <text x="120" y="63" font-family="Pretendard, -apple-system, system-ui, sans-serif" font-size="48" font-weight="700" letter-spacing="-1.1" fill="#ffffff">Relay</text>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="356" height="96" viewBox="0 0 356 96" role="img" aria-label="Relay">
+  <defs>
+    <linearGradient id="relayGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#5b54f0"></stop>
+      <stop offset="1" stop-color="#4338ca"></stop>
+    </linearGradient>
+  </defs>
+  <rect width="96" height="96" rx="27" fill="url(#relayGrad)"></rect>
+  <svg x="22" y="22" width="52" height="52" viewBox="0 0 32 32">
+    <path d="M8 8 L16 16 L8 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="M16 8 L24 16 L16 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+  </svg>
+  <text x="120" y="63" font-family="Pretendard, -apple-system, system-ui, sans-serif" font-size="48" font-weight="700" letter-spacing="-1.1" fill="#16181d">Relay</text>
+</svg>
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="2 2 28 28" role="img" aria-label="Relay mark">
+  <path d="M8 8 L16 16 L8 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M16 8 L24 16 L16 24" fill="none" stroke="#ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="2 2 28 28" role="img" aria-label="Relay mark">
+  <path d="M8 8 L16 16 L8 24" fill="none" stroke="#4f46e5" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+  <path d="M16 8 L24 16 L16 24" fill="none" stroke="#4f46e5" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"></path>
+</svg>