From 27b7dd82c6c4dfb41556af4fe4fabb9403c187da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CKangShinGyu=E2=80=9D?= <“rkdtlseb@naver.com”> Date: Tue, 8 Sep 2026 17:12:27 +0900 Subject: [PATCH] =?UTF-8?q?feat(logo):=EB=B8=8C=EB=9E=9C=EB=93=9C=20?= =?UTF-8?q?=EB=A1=9C=EA=B3=A0=20=EA=B8=80=EB=A6=AC=ED=94=84(U=EB=A7=8C=20?= =?UTF-8?q?=EC=9E=88=EB=8A=94=20=EC=95=84=EC=9D=B4=EC=BD=98)=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/brand/Glyph_L.svg | 12 ++++++++++++ public/brand/Glyph_M.svg | 17 +++++++++++++++++ public/brand/Glyph_S.svg | 17 +++++++++++++++++ src/components/BrandLogo.tsx | 25 +++++++++++++++++++++---- 4 files changed, 67 insertions(+), 4 deletions(-) create mode 100644 public/brand/Glyph_L.svg create mode 100644 public/brand/Glyph_M.svg create mode 100644 public/brand/Glyph_S.svg diff --git a/public/brand/Glyph_L.svg b/public/brand/Glyph_L.svg new file mode 100644 index 00000000..d408e174 --- /dev/null +++ b/public/brand/Glyph_L.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/brand/Glyph_M.svg b/public/brand/Glyph_M.svg new file mode 100644 index 00000000..e7056b2d --- /dev/null +++ b/public/brand/Glyph_M.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/public/brand/Glyph_S.svg b/public/brand/Glyph_S.svg new file mode 100644 index 00000000..748770e2 --- /dev/null +++ b/public/brand/Glyph_S.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/components/BrandLogo.tsx b/src/components/BrandLogo.tsx index 8d7124f3..c8fe2a02 100644 --- a/src/components/BrandLogo.tsx +++ b/src/components/BrandLogo.tsx @@ -1,5 +1,5 @@ type BrandLogoProps = { - variant: "symbol" | "wordmark" | "combination"; + variant: "symbol" | "wordmark" | "combination" | "glyph"; size: "S" | "M" | "L"; alt?: string; }; @@ -24,9 +24,26 @@ export function BrandLogo({ L: { src: "/brand/Wordmark_L.svg", width: 186, height: 90 }, }, combination: { - S: { src: "/brand/Combination_Mark_S_DefaultBlue.svg", width: 76, height: 23 }, - M: { src: "/brand/Combination_Mark_M_DefaultBlue.svg", width: 147, height: 45 }, - L: { src: "/brand/Combination_Mark_L_DefaultBlue.svg", width: 290, height: 90 }, + S: { + src: "/brand/Combination_Mark_S_DefaultBlue.svg", + width: 76, + height: 23, + }, + M: { + src: "/brand/Combination_Mark_M_DefaultBlue.svg", + width: 147, + height: 45, + }, + L: { + src: "/brand/Combination_Mark_L_DefaultBlue.svg", + width: 290, + height: 90, + }, + }, + glyph: { + S: { src: "/brand/Glyph_S.svg", width: 23, height: 23 }, + M: { src: "/brand/Glyph_M.svg", width: 45, height: 45 }, + L: { src: "/brand/Glyph_L.svg", width: 90, height: 90 }, }, };