43 lines
2.5 KiB
XML
43 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500">
|
|
<defs>
|
|
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#059669"/>
|
|
<stop offset="100%" stop-color="#047857"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx="50%" cy="30%" r="50%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.25"/>
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<!-- 배경 -->
|
|
<rect width="500" height="500" rx="32" fill="url(#grad)"/>
|
|
<rect width="500" height="500" rx="32" fill="url(#glow)"/>
|
|
|
|
<!-- 장식 원형 패턴 -->
|
|
<circle cx="430" cy="80" r="100" fill="#ffffff" opacity="0.05"/>
|
|
<circle cx="70" cy="420" r="80" fill="#ffffff" opacity="0.04"/>
|
|
|
|
<!-- 상단 뱃지 -->
|
|
<rect x="50" y="45" width="140" height="38" rx="19" fill="#ffffff" opacity="0.2"/>
|
|
<text x="120" y="70" font-family="'Pretendard', sans-serif" font-size="16" font-weight="700" fill="#ffffff" text-anchor="middle" letter-spacing="-0.3">초등 집중 2단계</text>
|
|
|
|
<!-- 중앙 아이콘 -->
|
|
<g>
|
|
<circle cx="250" cy="240" r="60" fill="none" stroke="#ffffff" stroke-width="10"/>
|
|
<circle cx="250" cy="240" r="38" fill="none" stroke="#ffffff" stroke-width="8"/>
|
|
<circle cx="250" cy="240" r="16" fill="#ffffff"/>
|
|
<line x1="250" y1="165" x2="250" y2="185" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
|
|
<line x1="250" y1="295" x2="250" y2="315" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
|
|
<line x1="175" y1="240" x2="195" y2="240" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
|
|
<line x1="305" y1="240" x2="325" y2="240" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
|
|
</g>
|
|
|
|
<!-- 하단 텍스트 영역 -->
|
|
<text x="250" y="380" font-family="'Pretendard', sans-serif" font-size="34" font-weight="900" fill="#ffffff" text-anchor="middle" letter-spacing="-0.8">공부방법</text>
|
|
<text x="250" y="420" font-family="'Pretendard', sans-serif" font-size="18" font-weight="600" fill="#ffffff" opacity="0.85" text-anchor="middle" letter-spacing="-0.5">스스로 이해하는 올바른 학습 원리</text>
|
|
|
|
<!-- 하단 액션 텍스트 -->
|
|
<rect x="175" y="445" width="150" height="28" rx="14" fill="#ffffff" opacity="0.25"/>
|
|
<text x="250" y="464" font-family="'Pretendard', sans-serif" font-size="13" font-weight="700" fill="#ffffff" text-anchor="middle">1:1 맞춤 클리닉</text>
|
|
</svg> |