docs(help-center): 커스텀 필드 소개 배너 + 브랜드 로고 표시 위치 이미지

content/docs/ko/help-center/custom-design/adding-a-brand-logo.mdx

@@ -15,6 +15,8 @@ description: '설문에 자신의 브랜드 로고를 표시할 수 있어요. 
 - 삽입한 브랜드 로고는 응답 제출 버튼 아래에 표시됩니다.
 - Free 버전에서 자동으로 보이던 “Powered by Walla” 로고는 비활성화됩니다.
 
+<img src="/images/guides/custom-design/brand-logo-display-position.png" alt="편집 화면에서 브랜드 로고 삽입 및 제출 버튼 아래 표시 위치" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", marginBottom: "12px", border: "1px solid var(--border)" }} />
+
 <Callout title="팁">
 너무 큰 이미지는 표시 영역이 잘릴 수 있으니, 가로형 로고나 투명 배경 PNG 파일을 사용하는 걸 추천합니다.
 </Callout>

content/docs/ko/help-center/index.mdx

@@ -4,20 +4,20 @@ description: 왈라 헬프센터에 오신 것을 환영합니다
 icon: House
 ---
 
-import { Rocket, Users, PenTool, FolderOpen, Share2, Palette, Plug, Shield, BarChart2, Gift, Home, Zap, BookOpen, MessageCircle, CreditCard, ExternalLink } from 'lucide-react';
+import { Rocket, Users, PenTool, FolderOpen, Share2, Palette, Plug, Shield, BarChart2, Gift, Home, Zap, BookOpen, MessageCircle, CreditCard, ExternalLink, Sparkles, ArrowRight } from 'lucide-react';
 
-<div className="not-prose mb-10 rounded-2xl overflow-hidden border border-[hsl(193,100%,50%)]/20 bg-gradient-to-br from-[hsl(193,100%,50%)]/10 via-[hsl(193,100%,60%)]/5 to-transparent p-8">
-  <div className="flex flex-col gap-3">
-    <div className="flex items-center gap-2">
-      <div className="flex h-9 w-9 items-center justify-center rounded-xl bg-[hsl(193,100%,50%)]/15">
-        <Zap className="h-5 w-5 text-[hsl(193,100%,40%)]" />
-      </div>
-      <span className="text-sm font-semibold text-[hsl(193,100%,38%)] uppercase tracking-wider">Walla Help Center</span>
-    </div>
-    <h1 className="text-3xl font-bold text-fd-foreground">왈라 헬프센터</h1>
-    <p className="text-fd-muted-foreground text-base leading-relaxed max-w-xl">왈라의 모든 기능을 쉽고 빠르게 배워보세요. 설문 제작부터 결과 분석까지, 필요한 모든 가이드를 제공합니다.</p>
+<a
+  href="/ko/docs/help-center/create-forms/custom-field"
+  className="not-prose group mb-10 flex flex-col gap-3 rounded-2xl overflow-hidden border border-[hsl(193,100%,50%)]/20 bg-gradient-to-br from-[hsl(193,100%,50%)]/10 via-[hsl(193,100%,60%)]/5 to-transparent p-8 no-underline transition-all duration-200 hover:border-[hsl(193,100%,50%)]/50 hover:shadow-lg hover:-translate-y-0.5"
+>
+  <div className="flex items-center gap-2">
+    <span className="inline-flex items-center rounded-full bg-[hsl(193,100%,50%)]/15 px-2.5 py-1 text-xs font-semibold text-[hsl(193,100%,38%)] uppercase tracking-normal">
+      업데이트
+    </span>
   </div>
-</div>
+  <h1 className="text-[1.5em] font-semibold text-fd-foreground">커스텀 필드 만들기</h1>
+  <p className="text-fd-muted-foreground text-sm leading-6 max-w-xl">기본 필드로는 표현할 수 없던 입력 방식, 이제 자연어로 명령해서 직접 만들어 사용할 수 있어요. 왈라 MCP로 원하는 필드를 손쉽게 제작하는 방법을 확인해보세요.<ArrowRight className="inline-block ml-1 h-4 w-4 align-text-bottom text-[hsl(193,100%,45%)] transition-transform duration-200 group-hover:translate-x-1" /></p>
+</a>
 
 ## 카테고리