gahusb/jaengseung-made
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3ed2e60dc6717c40e2d1a0b39b962fc6aa80a0ab
jaengseung-made/public/marketing/thumb-automation.svg
gahusb 3ed2e60dc6 feat: 프롬프트 패키지 3종 추가 + 마케팅 SVG 에셋 전면 재작성 
- 프롬프트 엔지니어링 페이지에 비즈니스 이메일/마케팅 카피/업무 보고서 패키지 3종 추가
- 각 상품 할인가(10,900~12,900원), 7가지 기능 설명, 프롬프트 미리보기 포함
- 마케팅 SVG 에셋 8개 전면 재작성:
  - 이모지 제거 → SVG path 기반 아이콘으로 교체
  - 배경에 유기적 bezier 곡선 블롭 형태 추가
  - 자동화 플로우 직선 연결 → 곡선 bezier path로 교체
  - 로또 공 3D 하이라이트/그림자 강화
  - 주식 차트 polyline → smooth bezier 곡선 개선
  - 말풍선 꼬리 path 추가로 자연스러운 대화 표현

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-25 04:17:24 +09:00

180 lines
13 KiB
XML
Raw Blame History

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
<defs>
<linearGradient id="au-bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#04102b"/>
<stop offset="50%" stop-color="#052e1c"/>
<stop offset="100%" stop-color="#04102b"/>
</linearGradient>
<radialGradient id="au-glow1" cx="20%" cy="50%" r="50%">
<stop offset="0%" stop-color="#10b981" stop-opacity="0.2"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<radialGradient id="au-glow2" cx="80%" cy="50%" r="45%">
<stop offset="0%" stop-color="#059669" stop-opacity="0.15"/>
<stop offset="100%" stop-color="#04102b" stop-opacity="0"/>
</radialGradient>
<linearGradient id="au-bottomBar" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#059669"/>
<stop offset="100%" stop-color="#10b981"/>
</linearGradient>
<linearGradient id="au-headGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#34d399"/>
<stop offset="100%" stop-color="#6ee7b7"/>
</linearGradient>
<filter id="au-panelShadow">
<feDropShadow dx="0" dy="8" stdDeviation="20" flood-color="#000" flood-opacity="0.5"/>
</filter>
</defs>
<!-- 배경 -->
<rect width="1200" height="675" fill="url(#au-bg)"/>
<rect width="1200" height="675" fill="url(#au-glow1)"/>
<rect width="1200" height="675" fill="url(#au-glow2)"/>
<!-- 유기적 배경 곡선 -->
<path d="M 600 0 C 800 100 1000 -20 1200 80 L 1200 0 Z" fill="rgba(16,185,129,0.04)"/>
<path d="M 600 675 C 750 600 950 680 1200 620 L 1200 675 Z" fill="rgba(16,185,129,0.04)"/>
<path d="M 0 200 C 100 160 250 230 380 200 C 460 178 520 140 580 160 L 580 0 L 0 0 Z" fill="rgba(16,185,129,0.03)"/>
<!-- ===== 왼쪽 콘텐츠 ===== -->
<!-- 뱃지 -->
<rect x="48" y="68" width="210" height="32" rx="16" fill="rgba(16,185,129,0.15)" stroke="#10b981" stroke-width="1"/>
<text x="153" y="89" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#34d399">반복 업무 완전 자동화</text>
<!-- 헤드라인 -->
<text x="48" y="168" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="52" font-weight="700" fill="white">하루 3시간을</text>
<text x="48" y="233" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="52" font-weight="700" fill="url(#au-headGrad)">되찾아 드립니다</text>
<!-- 서브텍스트 -->
<text x="48" y="276" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="16" fill="#94a3b8">반복 업무를 코드로 대체, 시간과 비용을 절약하세요</text>
<!-- 수치 비교 패널 -->
<rect x="48" y="298" width="456" height="86" rx="14" fill="rgba(0,0,0,0.3)" stroke="rgba(16,185,129,0.2)" stroke-width="1"/>
<!-- 수동 -->
<rect x="64" y="314" width="190" height="54" rx="10" fill="rgba(239,68,68,0.08)" stroke="rgba(239,68,68,0.3)" stroke-width="1"/>
<text x="159" y="335" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#f87171">수동 처리</text>
<text x="159" y="358" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="24" font-weight="700" fill="#f87171">3시간</text>
<!-- 화살표 -->
<path d="M 265 341 C 275 341 275 341 285 341" stroke="#64748b" stroke-width="2" fill="none"/>
<path d="M 282 337 L 288 341 L 282 345" stroke="#64748b" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- 자동화 -->
<rect x="290" y="314" width="198" height="54" rx="10" fill="rgba(16,185,129,0.08)" stroke="rgba(16,185,129,0.3)" stroke-width="1"/>
<text x="389" y="335" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#34d399">자동화 후</text>
<text x="389" y="358" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="24" font-weight="700" fill="#34d399">5분</text>
<!-- 서비스 태그 -->
<text x="48" y="416" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="#64748b">기술 스택</text>
<rect x="48" y="426" width="74" height="28" rx="14" fill="rgba(16,185,129,0.1)" stroke="#10b981" stroke-width="1"/>
<text x="85" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">Python</text>
<rect x="130" y="426" width="52" height="28" rx="14" fill="rgba(16,185,129,0.1)" stroke="#10b981" stroke-width="1"/>
<text x="156" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">VBA</text>
<rect x="190" y="426" width="84" height="28" rx="14" fill="rgba(16,185,129,0.1)" stroke="#10b981" stroke-width="1"/>
<text x="232" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">Selenium</text>
<rect x="282" y="426" width="52" height="28" rx="14" fill="rgba(16,185,129,0.1)" stroke="#10b981" stroke-width="1"/>
<text x="308" y="444" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">RPA</text>
<!-- 가격 -->
<text x="48" y="510" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="15" fill="#94a3b8">시작 가격</text>
<text x="48" y="554" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="44" font-weight="700" fill="url(#au-headGrad)">33만원~</text>
<!-- 특장점 요약 -->
<text x="48" y="598" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" fill="#64748b">연간 약 780시간 절약 · ROI 3개월 내 회수</text>
<!-- ===== 오른쪽 자동화 플로우 다이어그램 ===== -->
<g filter="url(#au-panelShadow)">
<!-- 다크 패널 -->
<rect x="590" y="48" width="462" height="578" rx="16" fill="#061a14" stroke="#10b981" stroke-width="1.5"/>
<!-- 터미널 헤더 바 -->
<rect x="590" y="48" width="462" height="44" rx="16" fill="#0a2a1c"/>
<rect x="590" y="74" width="462" height="18" fill="#0a2a1c"/>
<!-- 신호등 버튼 -->
<circle cx="617" cy="70" r="6" fill="#ef4444"/>
<circle cx="637" cy="70" r="6" fill="#f59e0b"/>
<circle cx="657" cy="70" r="6" fill="#22c55e"/>
<!-- 터미널 타이틀 -->
<text x="821" y="75" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">automation.py — 자동화 플로우</text>
<!-- 내부 패딩 영역 -->
<!-- 노드 1: 엑셀 파일 감지 -->
<rect x="628" y="116" width="350" height="74" rx="12" fill="#0d2e22" stroke="#34d399" stroke-width="1.5"/>
<!-- 아이콘: 스프레드시트 -->
<rect x="655" y="130" width="18" height="20" rx="2" fill="none" stroke="#34d399" stroke-width="1.5"/>
<line x1="660" y1="138" x2="668" y2="138" stroke="#34d399" stroke-width="1"/>
<line x1="660" y1="143" x2="668" y2="143" stroke="#34d399" stroke-width="1"/>
<line x1="660" y1="148" x2="665" y2="148" stroke="#34d399" stroke-width="1"/>
<text x="690" y="136" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" font-weight="600" fill="#34d399">엑셀 파일 감지</text>
<text x="690" y="154" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#6ee7b7">신규 파일 모니터링 → 트리거 발생</text>
<!-- 상태 표시 -->
<circle cx="944" cy="153" r="5" fill="#22c55e"/>
<text x="952" y="157" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e">실행중</text>
<!-- 곡선 연결선 1→2 -->
<path d="M 803 190 C 803 207 803 215 803 236" stroke="#10b981" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<circle cx="803" cy="236" r="4" fill="#10b981"/>
<!-- 노드 2: Python 스크립트 처리 -->
<rect x="628" y="240" width="350" height="74" rx="12" fill="#0d2e22" stroke="#34d399" stroke-width="1.5"/>
<!-- 아이콘: 코드 괄호 -->
<text x="663" y="284" text-anchor="middle" font-family="monospace" font-size="20" fill="#34d399">{ }</text>
<text x="695" y="262" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" font-weight="600" fill="#34d399">Python 스크립트 처리</text>
<text x="695" y="280" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#6ee7b7">데이터 파싱 → 분석 → 가공</text>
<circle cx="944" cy="277" r="5" fill="#22c55e"/>
<text x="952" y="281" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e">실행중</text>
<!-- 곡선 연결선 2→3 -->
<path d="M 803 314 C 803 331 803 339 803 360" stroke="#10b981" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<circle cx="803" cy="360" r="4" fill="#10b981"/>
<!-- 노드 3: 리포트 자동 생성 -->
<rect x="628" y="364" width="350" height="74" rx="12" fill="#0d2e22" stroke="#34d399" stroke-width="1.5"/>
<!-- 아이콘: 문서 -->
<rect x="649" y="378" width="18" height="22" rx="2" fill="none" stroke="#34d399" stroke-width="1.5"/>
<line x1="654" y1="385" x2="662" y2="385" stroke="#34d399" stroke-width="1"/>
<line x1="654" y1="390" x2="662" y2="390" stroke="#34d399" stroke-width="1"/>
<line x1="654" y1="395" x2="659" y2="395" stroke="#34d399" stroke-width="1"/>
<text x="682" y="386" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" font-weight="600" fill="#34d399">리포트 자동 생성</text>
<text x="682" y="404" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#6ee7b7">Excel/PDF 리포트 자동 작성</text>
<circle cx="944" cy="401" r="5" fill="#22c55e"/>
<text x="952" y="405" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e">실행중</text>
<!-- 곡선 연결선 3→4 -->
<path d="M 803 438 C 803 455 803 463 803 484" stroke="#10b981" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<circle cx="803" cy="484" r="4" fill="#10b981"/>
<!-- 노드 4: 텔레그램 알림 전송 -->
<rect x="628" y="488" width="350" height="74" rx="12" fill="#102840" stroke="#60a5fa" stroke-width="1.5"/>
<!-- 아이콘: 보내기 화살표 -->
<path d="M 644 525 L 666 516 L 644 507 Z" fill="#60a5fa"/>
<text x="682" y="510" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" font-weight="600" fill="#60a5fa">텔레그램 알림 전송</text>
<text x="682" y="528" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#93c5fd">완료 알림 + 리포트 첨부 전송</text>
<circle cx="944" cy="525" r="5" fill="#22c55e"/>
<text x="952" y="529" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e">실행중</text>
<!-- 우측 통계 패널 -->
<rect x="628" y="578" width="350" height="30" rx="8" fill="rgba(16,185,129,0.08)" stroke="rgba(16,185,129,0.2)" stroke-width="1"/>
<text x="803" y="598" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#34d399">연간 절약 780시간 · 도입비용 3개월 내 회수</text>
</g>
<!-- 오른쪽 통계 사이드 패널 -->
<rect x="1068" y="48" width="108" height="578" rx="14" fill="rgba(0,0,0,0.4)" stroke="rgba(16,185,129,0.15)" stroke-width="1"/>
<text x="1122" y="82" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">도입 전</text>
<text x="1122" y="100" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="16" font-weight="700" fill="#f87171">3h</text>
<line x1="1080" y1="112" x2="1164" y2="112" stroke="rgba(16,185,129,0.2)" stroke-width="1"/>
<text x="1122" y="130" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">도입 후</text>
<text x="1122" y="148" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="16" font-weight="700" fill="#34d399">5m</text>
<line x1="1080" y1="160" x2="1164" y2="160" stroke="rgba(16,185,129,0.2)" stroke-width="1"/>
<text x="1122" y="178" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">연간 절약</text>
<text x="1122" y="196" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="700" fill="#34d399">780h</text>
<line x1="1080" y1="208" x2="1164" y2="208" stroke="rgba(16,185,129,0.2)" stroke-width="1"/>
<text x="1122" y="226" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#64748b">오류율</text>
<text x="1122" y="244" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="700" fill="#34d399">-98%</text>
<!-- 하단 바 -->
<rect x="0" y="638" width="1200" height="37" fill="url(#au-bottomBar)"/>
<text x="600" y="662" text-anchor="middle" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="14" font-weight="600" fill="white">jaengseung-made.vercel.app — 업무 자동화 전문 개발</text>
</svg>
Reference in New Issue View Git Blame Copy Permalink