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>
282 lines
22 KiB
XML
282 lines
22 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
|
||
<defs>
|
||
<linearGradient id="sj-bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
<stop offset="0%" stop-color="#0e0720"/>
|
||
<stop offset="100%" stop-color="#04102b"/>
|
||
</linearGradient>
|
||
<radialGradient id="sj-purpleGlow" cx="72%" cy="45%" r="42%">
|
||
<stop offset="0%" stop-color="#7c3aed" stop-opacity="0.14"/>
|
||
<stop offset="100%" stop-color="#7c3aed" stop-opacity="0.0"/>
|
||
</radialGradient>
|
||
<linearGradient id="sj-badgeGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#3b0764"/>
|
||
<stop offset="100%" stop-color="#4c1d95"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-panelGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#1a0a30"/>
|
||
<stop offset="100%" stop-color="#0a0a1e"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-bottomBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#3b0764"/>
|
||
<stop offset="100%" stop-color="#04102b"/>
|
||
</linearGradient>
|
||
<!-- Pillar card gradients -->
|
||
<linearGradient id="sj-pillarNorm" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#1e1040"/>
|
||
<stop offset="100%" stop-color="#14082e"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-pillarActive" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
<stop offset="0%" stop-color="#2d1060"/>
|
||
<stop offset="100%" stop-color="#1a0840"/>
|
||
</linearGradient>
|
||
<!-- Ohaeng bar gradients -->
|
||
<linearGradient id="sj-woodBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#15803d"/>
|
||
<stop offset="100%" stop-color="#4ade80"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-fireBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#b91c1c"/>
|
||
<stop offset="100%" stop-color="#f87171"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-earthBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#a16207"/>
|
||
<stop offset="100%" stop-color="#fbbf24"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-metalBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#475569"/>
|
||
<stop offset="100%" stop-color="#cbd5e1"/>
|
||
</linearGradient>
|
||
<linearGradient id="sj-waterBar" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
<stop offset="0%" stop-color="#1d4ed8"/>
|
||
<stop offset="100%" stop-color="#60a5fa"/>
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- Background -->
|
||
<rect width="1200" height="675" fill="url(#sj-bgGrad)"/>
|
||
<rect width="1200" height="675" fill="url(#sj-purpleGlow)"/>
|
||
|
||
<!-- Organic arc background -->
|
||
<path d="M 614 0 C 700 80 800 40 900 120 C 1000 200 1100 150 1200 200 L 1200 0 Z" fill="rgba(124,58,237,0.05)"/>
|
||
|
||
<!-- Stars (varied sizes and opacities) -->
|
||
<circle cx="42" cy="28" r="1.5" fill="rgba(255,255,255,0.7)"/>
|
||
<circle cx="120" cy="55" r="1.0" fill="rgba(255,255,255,0.5)"/>
|
||
<circle cx="198" cy="18" r="2.0" fill="rgba(255,255,255,0.8)"/>
|
||
<circle cx="310" cy="42" r="1.2" fill="rgba(255,255,255,0.55)"/>
|
||
<circle cx="420" cy="22" r="1.5" fill="rgba(255,255,255,0.6)"/>
|
||
<circle cx="490" cy="60" r="1.0" fill="rgba(255,255,255,0.45)"/>
|
||
<circle cx="540" cy="30" r="1.8" fill="rgba(255,255,255,0.7)"/>
|
||
<circle cx="90" cy="110" r="1.2" fill="rgba(255,255,255,0.5)"/>
|
||
<circle cx="170" cy="140" r="0.9" fill="rgba(255,255,255,0.4)"/>
|
||
<circle cx="250" cy="95" r="1.6" fill="rgba(255,255,255,0.65)"/>
|
||
<circle cx="360" cy="130" r="1.1" fill="rgba(255,255,255,0.5)"/>
|
||
<circle cx="460" cy="105" r="1.4" fill="rgba(255,255,255,0.6)"/>
|
||
<circle cx="30" cy="200" r="1.0" fill="rgba(255,255,255,0.45)"/>
|
||
<circle cx="148" cy="220" r="1.7" fill="rgba(255,255,255,0.7)"/>
|
||
<circle cx="330" cy="210" r="0.9" fill="rgba(255,255,255,0.4)"/>
|
||
<circle cx="475" cy="185" r="1.3" fill="rgba(255,255,255,0.55)"/>
|
||
<circle cx="68" cy="310" r="1.2" fill="rgba(255,255,255,0.5)"/>
|
||
<circle cx="200" cy="340" r="0.8" fill="rgba(255,255,255,0.38)"/>
|
||
<circle cx="390" cy="280" r="1.5" fill="rgba(255,255,255,0.6)"/>
|
||
<circle cx="520" cy="320" r="1.0" fill="rgba(255,255,255,0.45)"/>
|
||
<circle cx="140" cy="420" r="1.4" fill="rgba(255,255,255,0.55)"/>
|
||
<circle cx="285" cy="445" r="0.9" fill="rgba(255,255,255,0.4)"/>
|
||
<circle cx="440" cy="400" r="1.6" fill="rgba(255,255,255,0.65)"/>
|
||
<circle cx="80" cy="520" r="1.1" fill="rgba(255,255,255,0.48)"/>
|
||
<circle cx="240" cy="560" r="1.3" fill="rgba(255,255,255,0.52)"/>
|
||
<circle cx="400" cy="530" r="0.8" fill="rgba(255,255,255,0.38)"/>
|
||
|
||
<!-- Background Kanji decoration -->
|
||
<text x="80" y="390" font-family="serif" font-size="160" fill="rgba(124,58,237,0.04)" font-weight="900">天</text>
|
||
<text x="380" y="480" font-family="serif" font-size="120" fill="rgba(124,58,237,0.03)" font-weight="900">命</text>
|
||
|
||
<!-- ===== LEFT CONTENT ===== -->
|
||
|
||
<!-- Badge -->
|
||
<rect x="52" y="52" width="232" height="34" rx="17" fill="url(#sj-badgeGrad)" stroke="#7c3aed" stroke-width="1" stroke-opacity="0.6"/>
|
||
<text x="168" y="74" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="#c4b5fd" text-anchor="middle" font-weight="600">전통 사주 × AI 딥러닝 분석</text>
|
||
|
||
<!-- Headline -->
|
||
<text x="52" y="142" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="50" fill="white" font-weight="800" letter-spacing="-1">타고난 운명을</text>
|
||
<text x="52" y="200" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="50" fill="#a78bfa" font-weight="800" letter-spacing="-1">AI가 읽어드립니다</text>
|
||
|
||
<!-- 12 analysis items text -->
|
||
<rect x="52" y="222" width="490" height="86" rx="12" fill="rgba(124,58,237,0.08)" stroke="rgba(124,58,237,0.25)" stroke-width="1"/>
|
||
<text x="297" y="248" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="rgba(255,255,255,0.65)" text-anchor="middle">성격·적성 · 직업운 · 재물운 · 애정운</text>
|
||
<text x="297" y="272" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="rgba(255,255,255,0.65)" text-anchor="middle">가정운 · 건강운 · 연간운 · 용신·기신</text>
|
||
<text x="297" y="296" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="rgba(255,255,255,0.65)" text-anchor="middle">대운 흐름 · 인연 분석 · 주의 시기 · 조언</text>
|
||
|
||
<!-- Differentiation points -->
|
||
<rect x="52" y="324" width="232" height="72" rx="12" fill="rgba(255,255,255,0.04)" stroke="rgba(124,58,237,0.25)" stroke-width="1"/>
|
||
<!-- AI icon: circle + lines -->
|
||
<circle cx="74" cy="354" r="10" stroke="#a78bfa" stroke-width="1.5" fill="none"/>
|
||
<line x1="74" y1="344" x2="74" y2="348" stroke="#a78bfa" stroke-width="1.5" stroke-linecap="round"/>
|
||
<line x1="84" y1="354" x2="80" y2="354" stroke="#a78bfa" stroke-width="1.5" stroke-linecap="round"/>
|
||
<line x1="64" y1="354" x2="68" y2="354" stroke="#a78bfa" stroke-width="1.5" stroke-linecap="round"/>
|
||
<line x1="74" y1="364" x2="74" y2="360" stroke="#a78bfa" stroke-width="1.5" stroke-linecap="round"/>
|
||
<text x="94" y="352" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="white" font-weight="600">Gemini AI 해석 엔진</text>
|
||
<text x="94" y="370" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="rgba(255,255,255,0.42)">최신 AI 모델 적용</text>
|
||
|
||
<rect x="296" y="324" width="232" height="72" rx="12" fill="rgba(255,255,255,0.04)" stroke="rgba(124,58,237,0.25)" stroke-width="1"/>
|
||
<!-- Book icon -->
|
||
<rect x="316" y="344" width="16" height="20" rx="2" stroke="#a78bfa" stroke-width="1.5" fill="none"/>
|
||
<line x1="316" y1="350" x2="332" y2="350" stroke="#a78bfa" stroke-width="1" stroke-opacity="0.5"/>
|
||
<line x1="316" y1="355" x2="332" y2="355" stroke="#a78bfa" stroke-width="1" stroke-opacity="0.5"/>
|
||
<line x1="316" y1="360" x2="328" y2="360" stroke="#a78bfa" stroke-width="1" stroke-opacity="0.5"/>
|
||
<text x="340" y="352" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12.5" fill="white" font-weight="600">전통 사주 학문 기반</text>
|
||
<text x="340" y="370" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10.5" fill="rgba(255,255,255,0.42)">정통 명리학 이론 적용</text>
|
||
|
||
<!-- Price badge -->
|
||
<rect x="52" y="416" width="200" height="84" rx="14" fill="rgba(124,58,237,0.2)" stroke="#7c3aed" stroke-width="2"/>
|
||
<text x="152" y="442" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="#c4b5fd" text-anchor="middle">12항목 전체 리포트</text>
|
||
<text x="152" y="480" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="34" fill="white" text-anchor="middle" font-weight="800">4,900<tspan font-size="16" fill="#c4b5fd">원</tspan></text>
|
||
|
||
<text x="52" y="524" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11.5" fill="#86efac">기본 사주 분석은 무료로 제공됩니다</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.28)">* 사주 분석은 참고용이며 실제 결과를 보장하지 않습니다.</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.28)">* AI 해석 결과는 전문 상담을 대체하지 않습니다.</text>
|
||
|
||
<!-- ===== RIGHT: SAJU PANEL ===== -->
|
||
|
||
<rect x="610" y="30" width="552" height="610" rx="22" fill="url(#sj-panelGrad)" stroke="rgba(124,58,237,0.35)" stroke-width="1.5"/>
|
||
|
||
<!-- Panel header -->
|
||
<rect x="610" y="30" width="552" height="56" rx="22" fill="rgba(124,58,237,0.2)"/>
|
||
<rect x="610" y="60" width="552" height="26" fill="rgba(124,58,237,0.2)"/>
|
||
<text x="886" y="64" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="16" fill="#fbbf24" text-anchor="middle" font-weight="700">사주 분석 결과</text>
|
||
<text x="886" y="82" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">1992년 12월 23일 · 오후 4시 30분 · 남성</text>
|
||
|
||
<!-- 4 Pillars (시주/일주/월주/년주) - right to left order display -->
|
||
<!-- Year pillar (년주) -->
|
||
<rect x="626" y="100" width="118" height="130" rx="12" fill="url(#sj-pillarNorm)" stroke="rgba(124,58,237,0.3)" stroke-width="1"/>
|
||
<text x="685" y="122" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">년주 年柱</text>
|
||
<!-- Subtle grid micro-pattern -->
|
||
<rect x="636" y="130" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="685" y="158" font-family="serif" font-size="36" fill="#60a5fa" text-anchor="middle" font-weight="700">壬</text>
|
||
<rect x="636" y="180" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="685" y="208" font-family="serif" font-size="36" fill="#60a5fa" text-anchor="middle" font-weight="700">申</text>
|
||
<text x="685" y="222" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.3)" text-anchor="middle">임 · 신</text>
|
||
|
||
<!-- Month pillar (월주) -->
|
||
<rect x="754" y="100" width="118" height="130" rx="12" fill="url(#sj-pillarNorm)" stroke="rgba(124,58,237,0.3)" stroke-width="1"/>
|
||
<text x="813" y="122" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">월주 月柱</text>
|
||
<rect x="764" y="130" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="813" y="158" font-family="serif" font-size="36" fill="#60a5fa" text-anchor="middle" font-weight="700">壬</text>
|
||
<rect x="764" y="180" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="813" y="208" font-family="serif" font-size="36" fill="#60a5fa" text-anchor="middle" font-weight="700">子</text>
|
||
<text x="813" y="222" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.3)" text-anchor="middle">임 · 자</text>
|
||
|
||
<!-- Day pillar (일주) - ACTIVE with purple border -->
|
||
<rect x="882" y="96" width="122" height="138" rx="12" fill="url(#sj-pillarActive)" stroke="#7c3aed" stroke-width="2.5"/>
|
||
<rect x="882" y="96" width="122" height="138" rx="12" fill="none" stroke="#a78bfa" stroke-width="1" stroke-opacity="0.4"/>
|
||
<text x="943" y="116" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#c4b5fd" text-anchor="middle" font-weight="600">일주 日柱</text>
|
||
<text x="943" y="128" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9" fill="#a78bfa" text-anchor="middle">나의 일주</text>
|
||
<rect x="893" y="132" width="100" height="44" rx="8" fill="rgba(124,58,237,0.15)"/>
|
||
<text x="943" y="160" font-family="serif" font-size="36" fill="#fbbf24" text-anchor="middle" font-weight="700">癸</text>
|
||
<rect x="893" y="184" width="100" height="44" rx="8" fill="rgba(124,58,237,0.15)"/>
|
||
<text x="943" y="212" font-family="serif" font-size="36" fill="#fbbf24" text-anchor="middle" font-weight="700">酉</text>
|
||
<text x="943" y="226" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.4)" text-anchor="middle">계 · 유</text>
|
||
|
||
<!-- Hour pillar (시주) -->
|
||
<rect x="1014" y="100" width="118" height="130" rx="12" fill="url(#sj-pillarNorm)" stroke="rgba(124,58,237,0.3)" stroke-width="1"/>
|
||
<text x="1073" y="122" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.4)" text-anchor="middle">시주 時柱</text>
|
||
<rect x="1024" y="130" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="1073" y="158" font-family="serif" font-size="36" fill="#94a3b8" text-anchor="middle" font-weight="700">庚</text>
|
||
<rect x="1024" y="180" width="98" height="42" rx="8" fill="rgba(255,255,255,0.04)"/>
|
||
<text x="1073" y="208" font-family="serif" font-size="36" fill="#94a3b8" text-anchor="middle" font-weight="700">申</text>
|
||
<text x="1073" y="222" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="9.5" fill="rgba(255,255,255,0.3)" text-anchor="middle">경 · 신</text>
|
||
|
||
<!-- Section: Ohaeng distribution -->
|
||
<line x1="626" y1="252" x2="1146" y2="252" stroke="rgba(124,58,237,0.25)" stroke-width="1"/>
|
||
<text x="626" y="272" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="rgba(255,255,255,0.5)" font-weight="600">오행 분포</text>
|
||
|
||
<!-- Wood 목 -->
|
||
<text x="626" y="296" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#4ade80">목(木)</text>
|
||
<rect x="668" y="284" width="420" height="14" rx="7" fill="rgba(255,255,255,0.06)"/>
|
||
<rect x="668" y="284" width="50" height="14" rx="7" fill="url(#sj-woodBar)"/>
|
||
<text x="1096" y="296" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)" text-anchor="end">12%</text>
|
||
|
||
<!-- Fire 화 -->
|
||
<text x="626" y="318" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#f87171">화(火)</text>
|
||
<rect x="668" y="306" width="420" height="14" rx="7" fill="rgba(255,255,255,0.06)"/>
|
||
<rect x="668" y="306" width="40" height="14" rx="7" fill="url(#sj-fireBar)"/>
|
||
<text x="1096" y="318" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)" text-anchor="end">10%</text>
|
||
|
||
<!-- Earth 토 -->
|
||
<text x="626" y="340" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#fbbf24">토(土)</text>
|
||
<rect x="668" y="328" width="420" height="14" rx="7" fill="rgba(255,255,255,0.06)"/>
|
||
<rect x="668" y="328" width="63" height="14" rx="7" fill="url(#sj-earthBar)"/>
|
||
<text x="1096" y="340" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)" text-anchor="end">15%</text>
|
||
|
||
<!-- Metal 금 -->
|
||
<text x="626" y="362" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#cbd5e1">금(金)</text>
|
||
<rect x="668" y="350" width="420" height="14" rx="7" fill="rgba(255,255,255,0.06)"/>
|
||
<rect x="668" y="350" width="252" height="14" rx="7" fill="url(#sj-metalBar)"/>
|
||
<text x="1096" y="362" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)" text-anchor="end">60%</text>
|
||
|
||
<!-- Water 수 -->
|
||
<text x="626" y="384" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#60a5fa">수(水)</text>
|
||
<rect x="668" y="372" width="420" height="14" rx="7" fill="rgba(255,255,255,0.06)"/>
|
||
<rect x="668" y="372" width="12" height="14" rx="7" fill="url(#sj-waterBar)"/>
|
||
<text x="1096" y="384" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="10" fill="rgba(255,255,255,0.4)" text-anchor="end">3%</text>
|
||
|
||
<!-- Section: 12 AI analysis tags -->
|
||
<line x1="626" y1="402" x2="1146" y2="402" stroke="rgba(124,58,237,0.25)" stroke-width="1"/>
|
||
<text x="626" y="422" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="12" fill="rgba(255,255,255,0.5)" font-weight="600">AI 해석 항목</text>
|
||
|
||
<!-- Row 1: 4 active tags (purple border) -->
|
||
<rect x="626" y="430" width="112" height="28" rx="14" fill="rgba(124,58,237,0.2)" stroke="#7c3aed" stroke-width="1.5"/>
|
||
<text x="682" y="449" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#c4b5fd" text-anchor="middle">성격·적성</text>
|
||
|
||
<rect x="746" y="430" width="112" height="28" rx="14" fill="rgba(124,58,237,0.2)" stroke="#7c3aed" stroke-width="1.5"/>
|
||
<text x="802" y="449" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#c4b5fd" text-anchor="middle">직업운</text>
|
||
|
||
<rect x="866" y="430" width="112" height="28" rx="14" fill="rgba(124,58,237,0.2)" stroke="#7c3aed" stroke-width="1.5"/>
|
||
<text x="922" y="449" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#c4b5fd" text-anchor="middle">재물운</text>
|
||
|
||
<rect x="986" y="430" width="112" height="28" rx="14" fill="rgba(124,58,237,0.2)" stroke="#7c3aed" stroke-width="1.5"/>
|
||
<text x="1042" y="449" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="#c4b5fd" text-anchor="middle">애정운</text>
|
||
|
||
<!-- Row 2: locked (gray) -->
|
||
<rect x="626" y="466" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="682" y="485" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">가정운</text>
|
||
|
||
<rect x="746" y="466" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="802" y="485" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">건강운</text>
|
||
|
||
<rect x="866" y="466" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="922" y="485" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">연간운</text>
|
||
|
||
<rect x="986" y="466" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="1042" y="485" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">용신·기신</text>
|
||
|
||
<!-- Row 3: locked -->
|
||
<rect x="626" y="502" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="682" y="521" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">대운 흐름</text>
|
||
|
||
<rect x="746" y="502" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="802" y="521" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">인연 분석</text>
|
||
|
||
<rect x="866" y="502" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="922" y="521" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">주의 시기</text>
|
||
|
||
<rect x="986" y="502" width="112" height="28" rx="14" fill="rgba(255,255,255,0.05)" stroke="rgba(255,255,255,0.12)" stroke-width="1"/>
|
||
<text x="1042" y="521" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.35)" text-anchor="middle">조언</text>
|
||
|
||
<!-- Lock CTA -->
|
||
<rect x="626" y="548" width="492" height="60" rx="14" fill="rgba(124,58,237,0.22)" stroke="#7c3aed" stroke-width="2"/>
|
||
<!-- Lock icon -->
|
||
<rect x="648" y="566" width="14" height="12" rx="2" fill="none" stroke="#c4b5fd" stroke-width="1.5"/>
|
||
<path d="M 651 566 C 651 561 661 561 661 566" stroke="#c4b5fd" stroke-width="1.5" fill="none"/>
|
||
<circle cx="655" cy="572" r="2" fill="#c4b5fd"/>
|
||
<text x="886" y="574" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="13.5" fill="white" text-anchor="middle" font-weight="700">4,900원으로 12항목 전체 리포트 잠금 해제</text>
|
||
<text x="886" y="596" font-family="'Malgun Gothic','Apple SD Gothic Neo',sans-serif" font-size="11" fill="rgba(255,255,255,0.5)" text-anchor="middle">단 한번의 결제 · 평생 보관</text>
|
||
|
||
<!-- ===== BOTTOM BAR ===== -->
|
||
<rect x="0" y="638" width="1200" height="37" fill="url(#sj-bottomBar)"/>
|
||
<line x1="0" y1="638" x2="1200" y2="638" stroke="rgba(124,58,237,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 · 전통 사주 × AI 딥러닝 분석</text>
|
||
</svg>
|