111 lines
5.7 KiB
XML
111 lines
5.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="2560" height="900" viewBox="0 0 2560 900" role="img" aria-label="LLM과 자동화 전문 강의 배너 이미지">
|
|
<defs>
|
|
<linearGradient id="bg3" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#070A12"/>
|
|
<stop offset="0.55" stop-color="#0C1B2A"/>
|
|
<stop offset="1" stop-color="#001A12"/>
|
|
</linearGradient>
|
|
<linearGradient id="flare3" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0" stop-color="rgba(16,185,129,0.00)"/>
|
|
<stop offset="0.35" stop-color="rgba(16,185,129,0.52)"/>
|
|
<stop offset="0.70" stop-color="rgba(56,189,248,0.52)"/>
|
|
<stop offset="1" stop-color="rgba(56,189,248,0.00)"/>
|
|
</linearGradient>
|
|
<pattern id="grid3" width="80" height="80" patternUnits="userSpaceOnUse">
|
|
<path d="M80 0H0V80" fill="none" stroke="rgba(255,255,255,0.045)" stroke-width="1"/>
|
|
<path d="M0 40H80M40 0V80" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/>
|
|
</pattern>
|
|
<filter id="glow3" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="18" result="b"/>
|
|
<feColorMatrix in="b" type="matrix"
|
|
values="1 0 0 0 0
|
|
0 1 0 0 0
|
|
0 0 1 0 0
|
|
0 0 0 0.7 0" result="c"/>
|
|
<feMerge>
|
|
<feMergeNode in="c"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<linearGradient id="panel3" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="rgba(255,255,255,0.12)"/>
|
|
<stop offset="1" stop-color="rgba(255,255,255,0.06)"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<rect width="2560" height="900" fill="url(#bg3)"/>
|
|
<rect width="2560" height="900" fill="url(#grid3)" opacity="0.95"/>
|
|
<rect x="-220" y="110" width="3000" height="520" fill="url(#flare3)" opacity="0.85"/>
|
|
|
|
<!-- Prompt / Response panels -->
|
|
<g transform="translate(220 230)">
|
|
<rect x="0" y="0" width="1040" height="190" rx="22" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
|
<g transform="translate(44 52)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" font-size="24">
|
|
<text x="0" y="0" fill="rgba(255,255,255,0.92)">PROMPT</text>
|
|
<text x="0" y="52" fill="rgba(255,255,255,0.82)">고객 문의를 요약하고 분류한 뒤, 답변 초안을 생성해줘.</text>
|
|
<text x="0" y="104" fill="rgba(255,255,255,0.72)">입력: CSV / 출력: 대시보드 + 자동메일</text>
|
|
</g>
|
|
</g>
|
|
<g transform="translate(220 460)">
|
|
<rect x="0" y="0" width="1040" height="240" rx="22" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
|
<g transform="translate(44 52)" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" font-size="24">
|
|
<text x="0" y="0" fill="rgba(255,255,255,0.92)">RESPONSE</text>
|
|
<text x="0" y="52" fill="rgba(255,255,255,0.82)">- 요약: 결제/환불 문의 비중 증가</text>
|
|
<text x="0" y="98" fill="rgba(255,255,255,0.82)">- 분류: Billing / Support / Feature</text>
|
|
<text x="0" y="144" fill="rgba(255,255,255,0.74)">- 자동화: 템플릿 메일 + KPI 대시보드 업데이트</text>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Token stream -->
|
|
<g opacity="0.95" filter="url(#glow3)">
|
|
<path d="M1320 330 C1500 220, 1780 210, 1980 300 C2200 400, 2300 520, 2400 650"
|
|
fill="none" stroke="rgba(56,189,248,0.55)" stroke-width="6"/>
|
|
<path d="M1320 330 C1510 430, 1710 510, 1960 520 C2140 530, 2280 610, 2400 650"
|
|
fill="none" stroke="rgba(16,185,129,0.50)" stroke-width="6"/>
|
|
<g fill="#ffffff" opacity="0.75">
|
|
<circle cx="1320" cy="330" r="8"/>
|
|
<circle cx="1520" cy="250" r="7"/>
|
|
<circle cx="1760" cy="240" r="7"/>
|
|
<circle cx="1980" cy="300" r="8"/>
|
|
<circle cx="2140" cy="460" r="7"/>
|
|
<circle cx="2280" cy="560" r="7"/>
|
|
<circle cx="2400" cy="650" r="9"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Right dashboard panel -->
|
|
<g transform="translate(1500 260)">
|
|
<rect x="0" y="0" width="860" height="520" rx="26" fill="url(#panel3)" stroke="rgba(255,255,255,0.18)"/>
|
|
<g transform="translate(56 56)" font-family="ui-sans-serif, system-ui, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif">
|
|
<text x="0" y="0" font-size="30" font-weight="900" fill="rgba(255,255,255,0.92)">운영 대시보드</text>
|
|
<g transform="translate(0 34)" fill="rgba(255,255,255,0.78)" font-size="20" font-weight="700">
|
|
<text x="0" y="40">문의 자동 분류</text>
|
|
<text x="0" y="86">요약/답변 초안</text>
|
|
<text x="0" y="132">주간 리포트</text>
|
|
</g>
|
|
|
|
<g transform="translate(0 210)">
|
|
<rect x="0" y="0" width="748" height="190" rx="20" fill="rgba(255,255,255,0.08)"/>
|
|
<g transform="translate(28 38)">
|
|
<g fill="rgba(255,255,255,0.16)">
|
|
<rect x="0" y="0" width="690" height="12" rx="6"/>
|
|
<rect x="0" y="44" width="690" height="12" rx="6"/>
|
|
<rect x="0" y="88" width="690" height="12" rx="6"/>
|
|
</g>
|
|
<g>
|
|
<rect x="0" y="0" width="540" height="12" rx="6" fill="rgba(56,189,248,0.75)"/>
|
|
<rect x="0" y="44" width="460" height="12" rx="6" fill="rgba(16,185,129,0.75)"/>
|
|
<rect x="0" y="88" width="620" height="12" rx="6" fill="rgba(147,197,253,0.75)"/>
|
|
</g>
|
|
<g fill="rgba(255,255,255,0.82)" font-size="18" font-weight="800" font-family="ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace">
|
|
<text x="0" y="150">latency: 38ms</text>
|
|
<text x="240" y="150">throughput: 2.1k/day</text>
|
|
<text x="520" y="150">f1: 0.92</text>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
|