gahusb
3ed2e60dc6
- 프롬프트 엔지니어링 페이지에 비즈니스 이메일/마케팅 카피/업무 보고서 패키지 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>
206 lines
15 KiB
XML
206 lines
15 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
|
||
<defs>
|
||
<linearGradient id="st-bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" stop-color="#04102b"/>
|
||
<stop offset="100%" stop-color="#052e16"/>
|
||
</linearGradient>
|
||
<linearGradient id="chartFillSt" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#22c55e" stop-opacity="0.35"/>
|
||
<stop offset="100%" stop-color="#22c55e" stop-opacity="0.0"/>
|
||
</linearGradient>
|
||
<linearGradient id="st-phoneScreen" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#0d1f12"/>
|
||
<stop offset="100%" stop-color="#091218"/>
|
||
</linearGradient>
|
||
<radialGradient id="st-greenGlow" cx="75%" cy="50%" r="40%">
|
||
<stop offset="0%" stop-color="#22c55e" stop-opacity="0.12"/>
|
||
<stop offset="100%" stop-color="#22c55e" stop-opacity="0.0"/>
|
||
</radialGradient>
|
||
<linearGradient id="st-badgeGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#14532d"/>
|
||
<stop offset="100%" stop-color="#166534"/>
|
||
</linearGradient>
|
||
<linearGradient id="st-buyGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#052e16"/>
|
||
<stop offset="100%" stop-color="#0f2d1a"/>
|
||
</linearGradient>
|
||
<linearGradient id="st-sellGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#1a0a2e"/>
|
||
<stop offset="100%" stop-color="#130820"/>
|
||
</linearGradient>
|
||
<linearGradient id="st-bottomBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#14532d"/>
|
||
<stop offset="100%" stop-color="#052e16"/>
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- Background -->
|
||
<rect width="1200" height="675" fill="url(#st-bgGrad)"/>
|
||
<rect width="1200" height="675" fill="url(#st-greenGlow)"/>
|
||
|
||
<!-- Grid pattern -->
|
||
<g opacity="0.05" stroke="#22c55e" stroke-width="0.8">
|
||
<line x1="0" y1="90" x2="1200" y2="90"/>
|
||
<line x1="0" y1="180" x2="1200" y2="180"/>
|
||
<line x1="0" y1="270" x2="1200" y2="270"/>
|
||
<line x1="0" y1="360" x2="1200" y2="360"/>
|
||
<line x1="0" y1="450" x2="1200" y2="450"/>
|
||
<line x1="0" y1="540" x2="1200" y2="540"/>
|
||
<line x1="120" y1="0" x2="120" y2="675"/>
|
||
<line x1="240" y1="0" x2="240" y2="675"/>
|
||
<line x1="360" y1="0" x2="360" y2="675"/>
|
||
<line x1="480" y1="0" x2="480" y2="675"/>
|
||
<line x1="600" y1="0" x2="600" y2="675"/>
|
||
<line x1="720" y1="0" x2="720" y2="675"/>
|
||
<line x1="840" y1="0" x2="840" y2="675"/>
|
||
<line x1="960" y1="0" x2="960" y2="675"/>
|
||
<line x1="1080" y1="0" x2="1080" y2="675"/>
|
||
</g>
|
||
|
||
<!-- Organic background chart lines -->
|
||
<path d="M 0 520 C 140 440 280 470 400 390 C 520 310 640 340 760 280 C 880 220 1000 200 1200 160" stroke="#22c55e" stroke-width="1.2" fill="none" opacity="0.07"/>
|
||
<path d="M 0 580 C 180 520 300 550 450 490 C 600 430 750 460 900 400 C 1050 340 1150 320 1200 310" stroke="#22c55e" stroke-width="0.8" fill="none" opacity="0.04"/>
|
||
|
||
<!-- Background blob shape -->
|
||
<path d="M 600 0 C 750 60 900 20 1100 80 C 1200 110 1200 0 1200 0 Z" fill="rgba(34,197,94,0.04)"/>
|
||
|
||
<!-- ===== LEFT CONTENT ===== -->
|
||
|
||
<!-- Badge -->
|
||
<rect x="52" y="52" width="192" height="34" rx="17" fill="url(#st-badgeGrad)" stroke="#22c55e" stroke-width="1" stroke-opacity="0.6"/>
|
||
<text x="148" y="74" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="#4ade80" text-anchor="middle" font-weight="600">텔레그램 실시간 연동</text>
|
||
|
||
<!-- Headline -->
|
||
<text x="52" y="142" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="52" fill="white" font-weight="800" letter-spacing="-1">잠자는 동안에도</text>
|
||
<text x="52" y="202" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="52" fill="#22c55e" font-weight="800" letter-spacing="-1">자동으로 매매</text>
|
||
|
||
<!-- Feature panel background -->
|
||
<rect x="52" y="232" width="490" height="190" rx="16" fill="rgba(255,255,255,0.04)" stroke="rgba(34,197,94,0.2)" stroke-width="1"/>
|
||
|
||
<!-- Feature 1: KIS API -->
|
||
<rect x="68" y="248" width="226" height="72" rx="10" fill="rgba(34,197,94,0.08)"/>
|
||
<g transform="translate(84,268)">
|
||
<path d="M 4 8 C 4 5.8 5.8 4 8 4 L 12 4 C 14.2 4 16 5.8 16 8 C 16 10.2 14.2 12 12 12 L 10 12" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
||
<path d="M 12 8 C 12 10.2 10.2 12 8 12 L 6 12" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
||
<line x1="6" y1="12" x2="10" y2="12" stroke="#22c55e" stroke-width="1.5" stroke-linecap="round"/>
|
||
</g>
|
||
<text x="114" y="278" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="600">KIS API 연동</text>
|
||
<text x="114" y="298" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac">한국투자증권 공식 API</text>
|
||
|
||
<!-- Feature 2: Backtesting -->
|
||
<rect x="304" y="248" width="222" height="72" rx="10" fill="rgba(34,197,94,0.08)"/>
|
||
<g transform="translate(320,268)">
|
||
<rect x="0" y="0" width="16" height="16" rx="3" stroke="#22c55e" stroke-width="1.5" fill="none"/>
|
||
<path d="M 3 8 L 6 11 L 13 4" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</g>
|
||
<text x="350" y="278" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="600">백테스팅</text>
|
||
<text x="350" y="298" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac">과거 데이터 전략 검증</text>
|
||
|
||
<!-- Feature 3: Telegram Alert -->
|
||
<rect x="68" y="330" width="226" height="72" rx="10" fill="rgba(34,197,94,0.08)"/>
|
||
<g transform="translate(84,350)">
|
||
<path d="M 8 2 C 8 2 4 4.5 4 10 L 4 14 L 12 14 L 12 10 C 12 4.5 8 2 8 2 Z" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M 6.5 14 C 6.5 15.1 7.2 16 8 16 C 8.8 16 9.5 15.1 9.5 14" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
||
</g>
|
||
<text x="114" y="360" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="600">텔레그램 알림</text>
|
||
<text x="114" y="380" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac">실시간 체결 푸시 알림</text>
|
||
|
||
<!-- Feature 4: Risk Management -->
|
||
<rect x="304" y="330" width="222" height="72" rx="10" fill="rgba(34,197,94,0.08)"/>
|
||
<g transform="translate(320,350)">
|
||
<path d="M 8 1 L 14 4 L 14 9 C 14 12.5 8 16 8 16 C 8 16 2 12.5 2 9 L 2 4 Z" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M 5 8 L 7 10 L 11 6" stroke="#22c55e" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</g>
|
||
<text x="350" y="360" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="600">리스크 관리</text>
|
||
<text x="350" y="380" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac">손절매·목표가 자동 설정</text>
|
||
|
||
<!-- Pricing -->
|
||
<rect x="52" y="448" width="192" height="82" rx="14" fill="rgba(34,197,94,0.1)" stroke="rgba(34,197,94,0.35)" stroke-width="1.5"/>
|
||
<text x="148" y="474" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac" text-anchor="middle">스타터</text>
|
||
<text x="148" y="508" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="26" fill="white" text-anchor="middle" font-weight="800">99,000<tspan font-size="14" fill="#86efac">원</tspan></text>
|
||
|
||
<rect x="258" y="448" width="192" height="82" rx="14" fill="rgba(34,197,94,0.18)" stroke="#22c55e" stroke-width="2"/>
|
||
<text x="282" y="444" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e" font-weight="700">BEST</text>
|
||
<text x="354" y="474" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#86efac" text-anchor="middle">프로</text>
|
||
<text x="354" y="508" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="26" fill="white" text-anchor="middle" font-weight="800">199,000<tspan font-size="14" fill="#86efac">원</tspan></text>
|
||
|
||
<!-- Disclaimer -->
|
||
<text x="52" y="558" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="rgba(255,255,255,0.3)">* 투자는 본인 판단과 책임 하에 이루어지며, 수익을 보장하지 않습니다.</text>
|
||
<text x="52" y="576" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="rgba(255,255,255,0.3)">* 과거 성과가 미래 수익을 보장하지 않습니다.</text>
|
||
|
||
<!-- ===== RIGHT: PHONE MOCKUP ===== -->
|
||
|
||
<!-- Phone body -->
|
||
<rect x="744" y="32" width="316" height="606" rx="36" fill="#080e1a" stroke="rgba(34,197,94,0.3)" stroke-width="2.5"/>
|
||
<rect x="752" y="40" width="300" height="590" rx="30" fill="url(#st-phoneScreen)"/>
|
||
|
||
<!-- Notch -->
|
||
<rect x="848" y="40" width="108" height="26" rx="13" fill="#080e1a"/>
|
||
|
||
<!-- Telegram header -->
|
||
<rect x="752" y="66" width="300" height="54" fill="#1d4ed8"/>
|
||
<circle cx="784" cy="93" r="17" fill="#2563eb"/>
|
||
<path d="M 776 99 L 780 93 L 784 96 L 788 87 L 792 93" stroke="white" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<text x="812" y="89" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="white" font-weight="700">주식 자동매매 봇</text>
|
||
<circle cx="812" cy="101" r="4.5" fill="#22c55e"/>
|
||
<text x="822" y="105" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="#86efac">온라인</text>
|
||
|
||
<!-- Message 1: Buy -->
|
||
<rect x="762" y="130" width="270" height="78" rx="12" fill="url(#st-buyGrad)" stroke="rgba(34,197,94,0.3)" stroke-width="1"/>
|
||
<rect x="762" y="130" width="4" height="78" rx="2" fill="#22c55e"/>
|
||
<text x="776" y="151" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="#86efac" font-weight="600">매수 체결</text>
|
||
<text x="776" y="170" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="white" font-weight="700">삼성전자 10주</text>
|
||
<text x="776" y="190" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.55)">73,400 × 10 = 734,000원</text>
|
||
<text x="1024" y="202" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.28)" text-anchor="end">14:32</text>
|
||
|
||
<!-- Message 2: Target reached -->
|
||
<rect x="762" y="218" width="270" height="66" rx="12" fill="rgba(251,191,36,0.09)" stroke="rgba(251,191,36,0.32)" stroke-width="1"/>
|
||
<rect x="762" y="218" width="4" height="66" rx="2" fill="#fbbf24"/>
|
||
<text x="776" y="239" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="#fbbf24" font-weight="600">목표가 도달</text>
|
||
<text x="776" y="260" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="700">수익률 +3.2%</text>
|
||
<text x="1024" y="278" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.28)" text-anchor="end">14:47</text>
|
||
|
||
<!-- Message 3: Sell complete -->
|
||
<rect x="762" y="294" width="270" height="76" rx="12" fill="url(#st-sellGrad)" stroke="rgba(167,139,250,0.32)" stroke-width="1"/>
|
||
<rect x="762" y="294" width="4" height="76" rx="2" fill="#a78bfa"/>
|
||
<text x="776" y="315" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="#c4b5fd" font-weight="600">매도 체결 완료</text>
|
||
<text x="776" y="334" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="white" font-weight="700">실현 수익 +23,480원</text>
|
||
<text x="776" y="354" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.45)">누적 수익: +1,247,800원</text>
|
||
<text x="1024" y="364" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.28)" text-anchor="end">15:12</text>
|
||
|
||
<!-- Chart area -->
|
||
<rect x="762" y="380" width="280" height="124" rx="12" fill="rgba(0,0,0,0.42)" stroke="rgba(34,197,94,0.15)" stroke-width="1"/>
|
||
<text x="774" y="400" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.38)">오늘의 수익 현황</text>
|
||
<text x="1034" y="400" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="#22c55e" text-anchor="end">+2.4%</text>
|
||
|
||
<!-- Chart grid lines (faint) -->
|
||
<line x1="762" y1="426" x2="1042" y2="426" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
|
||
<line x1="762" y1="452" x2="1042" y2="452" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
|
||
<line x1="762" y1="478" x2="1042" y2="478" stroke="rgba(255,255,255,0.04)" stroke-width="1"/>
|
||
|
||
<!-- Chart fill area -->
|
||
<path d="M 776 482 C 790 472 810 468 830 472 C 850 476 860 460 882 456 C 904 452 920 444 940 439 C 960 434 982 424 1008 415 L 1008 494 L 776 494 Z" fill="url(#chartFillSt)"/>
|
||
|
||
<!-- Chart line smooth bezier -->
|
||
<path d="M 776 482 C 790 472 810 468 830 472 C 850 476 860 460 882 456 C 904 452 920 444 940 439 C 960 434 982 424 1008 415" stroke="#22c55e" stroke-width="2.5" fill="none" stroke-linecap="round"/>
|
||
|
||
<!-- Chart end glow dot -->
|
||
<circle cx="1008" cy="415" r="8" fill="rgba(34,197,94,0.22)"/>
|
||
<circle cx="1008" cy="415" r="4" fill="#22c55e"/>
|
||
|
||
<!-- Phone bottom status -->
|
||
<rect x="752" y="506" width="300" height="52" fill="rgba(0,0,0,0.5)"/>
|
||
<rect x="762" y="516" width="92" height="32" rx="8" fill="rgba(34,197,94,0.15)" stroke="rgba(34,197,94,0.4)" stroke-width="1"/>
|
||
<text x="808" y="537" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="#22c55e" text-anchor="middle" font-weight="600">운영 중</text>
|
||
<text x="864" y="528" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)">금일 체결 7건</text>
|
||
<text x="864" y="544" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)">총 수익 +47,820원</text>
|
||
|
||
<!-- Home indicator bar -->
|
||
<rect x="857" y="562" width="86" height="4" rx="2" fill="rgba(255,255,255,0.28)"/>
|
||
|
||
<!-- ===== BOTTOM BAR ===== -->
|
||
<rect x="0" y="638" width="1200" height="37" fill="url(#st-bottomBar)"/>
|
||
<line x1="0" y1="638" x2="1200" y2="638" stroke="rgba(34,197,94,0.4)" stroke-width="1"/>
|
||
<text x="600" y="662" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13" fill="rgba(255,255,255,0.7)" text-anchor="middle" font-weight="600">jaengseungmade.vercel.app · 주식 자동 매매 솔루션</text>
|
||
</svg>
|