42 lines
2.4 KiB
XML
42 lines
2.4 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="#7c3aed"/>
|
|
<stop offset="100%" stop-color="#6d28d9"/>
|
|
</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">초등 집중 4단계</text>
|
|
|
|
<!-- 중앙 아이콘 -->
|
|
<g>
|
|
<line x1="170" y1="310" x2="330" y2="310" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
|
|
<rect x="190" y="245" width="26" height="65" rx="4" fill="#ffffff" opacity="0.6"/>
|
|
<rect x="237" y="215" width="26" height="95" rx="4" fill="#ffffff" opacity="0.8"/>
|
|
<rect x="284" y="175" width="26" height="135" rx="4" fill="#ffffff"/>
|
|
<path d="M195 230 L245 190 L295 155" fill="none" stroke="#fcd34d" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<polygon points="295,145 310,158 290,165" fill="#fcd34d"/>
|
|
</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> |