125 lines
6.4 KiB
XML
125 lines
6.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 480" width="100%" height="100%">
|
|
<defs>
|
|
<!-- 배경 그라디언트 -->
|
|
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0f172a" />
|
|
<stop offset="50%" stop-color="#1e3a8a" />
|
|
<stop offset="100%" stop-color="#3b82f6" />
|
|
</linearGradient>
|
|
|
|
<!-- 골드 액센트 그라디언트 -->
|
|
<linearGradient id="goldGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#f59e0b" />
|
|
<stop offset="100%" stop-color="#fbbf24" />
|
|
</linearGradient>
|
|
|
|
<!-- 카드 반투명 배경 -->
|
|
<linearGradient id="cardGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.12" />
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0.04" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- 메인 배경 -->
|
|
<rect width="1200" height="480" rx="16" fill="url(#bgGrad)" />
|
|
|
|
<!-- 배경 기하학적 그리드 및 원형 장식 -->
|
|
<circle cx="1100" cy="80" r="320" fill="#3b82f6" opacity="0.15" />
|
|
<circle cx="950" cy="400" r="260" fill="#60a5fa" opacity="0.1" />
|
|
<circle cx="150" cy="420" r="180" fill="#1d4ed8" opacity="0.2" />
|
|
|
|
<!-- 격자 선 데코레이션 -->
|
|
<path d="M 0,120 L 1200,120 M 0,240 L 1200,240 M 0,360 L 1200,360" stroke="#ffffff" stroke-opacity="0.05" stroke-width="1" />
|
|
<path d="M 300,0 L 300,480 M 600,0 L 600,480 M 900,0 L 900,480" stroke="#ffffff" stroke-opacity="0.05" stroke-width="1" />
|
|
|
|
<!-- 좌측 컨텐츠 영역 -->
|
|
<!-- 1. 상단 배지 태그 -->
|
|
<rect x="70" y="55" width="220" height="38" rx="19" fill="url(#goldGrad)" />
|
|
<text x="180" y="80" fill="#0f172a" font-size="15" font-weight="900" font-family="'Pretendard', sans-serif" text-anchor="middle">
|
|
2026 1:1 밀착 내신 케어
|
|
</text>
|
|
|
|
<!-- 2. 메인 헤드라인 텍스트 -->
|
|
<text x="70" y="150" fill="#ffffff" font-size="42" font-weight="900" font-family="'Pretendard', sans-serif" letter-spacing="-1">
|
|
우리 학교 기출 족보 완벽 분석
|
|
</text>
|
|
<text x="70" y="210" fill="#60a5fa" font-size="42" font-weight="900" font-family="'Pretendard', sans-serif" letter-spacing="-1">
|
|
내신 1등급 역전 솔루션
|
|
</text>
|
|
|
|
<!-- 3. 서브 카피 텍스트 -->
|
|
<text x="70" y="265" fill="#cbd5e1" font-size="18" font-family="'Pretendard', sans-serif" font-weight="500">
|
|
서술형 감점 0점 방지부터 수능 1등급 킬러 문항까지,
|
|
</text>
|
|
<text x="70" y="295" fill="#94a3b8" font-size="18" font-family="'Pretendard', sans-serif" font-weight="500">
|
|
관내 학교 전문 검증 튜터가 1:1 맞춤형 커리큘럼을 직접 설계합니다.
|
|
</text>
|
|
|
|
<!-- 4. 하단 특징 뱃지들 -->
|
|
<g transform="translate(70, 345)">
|
|
<!-- 뱃지 1 -->
|
|
<rect x="0" y="0" width="170" height="48" rx="8" fill="url(#cardGrad)" stroke="#ffffff" stroke-opacity="0.2" />
|
|
<circle cx="28" cy="24" r="10" fill="#10b981" />
|
|
<text x="28" y="28" fill="#ffffff" font-size="11" font-weight="900" text-anchor="middle">✓</text>
|
|
<text x="48" y="29" fill="#ffffff" font-size="14" font-weight="700" font-family="'Pretendard', sans-serif">1회 무료 레벨진단</text>
|
|
|
|
<!-- 뱃지 2 -->
|
|
<rect x="185" y="0" width="180" height="48" rx="8" fill="url(#cardGrad)" stroke="#ffffff" stroke-opacity="0.2" />
|
|
<circle cx="213" cy="24" r="10" fill="#3b82f6" />
|
|
<text x="213" y="28" fill="#ffffff" font-size="11" font-weight="900" text-anchor="middle">✓</text>
|
|
<text x="233" y="29" fill="#ffffff" font-size="14" font-weight="700" font-family="'Pretendard', sans-serif">관내 학교 3개년 기출</text>
|
|
|
|
<!-- 뱃지 3 -->
|
|
<rect x="380" y="0" width="175" height="48" rx="8" fill="url(#cardGrad)" stroke="#ffffff" stroke-opacity="0.2" />
|
|
<circle cx="408" cy="24" r="10" fill="#f59e0b" />
|
|
<text x="408" y="28" fill="#ffffff" font-size="11" font-weight="900" text-anchor="middle">✓</text>
|
|
<text x="428" y="29" fill="#ffffff" font-size="14" font-weight="700" font-family="'Pretendard', sans-serif">수행평가 · 세특 코칭</text>
|
|
</g>
|
|
|
|
<!-- 우측 비주얼 인포그래픽 카드 영역 -->
|
|
<g transform="translate(740, 60)">
|
|
<!-- 우측 메인 카드 배경 -->
|
|
<rect x="0" y="0" width="390" height="350" rx="16" fill="url(#cardGrad)" stroke="#ffffff" stroke-opacity="0.2" />
|
|
|
|
<!-- 성적 상승 그래프 비주얼 -->
|
|
<text x="35" y="55" fill="#f8fafc" font-size="18" font-weight="800" font-family="'Pretendard', sans-serif">
|
|
AESEO 성적 향상 지표
|
|
</text>
|
|
<text x="35" y="80" fill="#94a3b8" font-size="13" font-family="'Pretendard', sans-serif">
|
|
수강생 평균 2.3등급 수직 상승
|
|
</text>
|
|
|
|
<!-- 등급 비교 바 차트 -->
|
|
<g transform="translate(35, 120)">
|
|
<!-- 이전 성적 바 -->
|
|
<rect x="0" y="70" width="65" height="90" rx="6" fill="#475569" opacity="0.6" />
|
|
<text x="32" y="55" fill="#94a3b8" font-size="13" font-weight="700" text-anchor="middle">4등급</text>
|
|
<text x="32" y="185" fill="#94a3b8" font-size="12" text-anchor="middle">수강 전</text>
|
|
|
|
<!-- 과외애서 수강 후 바 -->
|
|
<rect x="95" y="10" width="75" height="150" rx="6" fill="url(#goldGrad)" />
|
|
<text x="132" y="-5" fill="#f59e0b" font-size="16" font-weight="900" text-anchor="middle">1등급!</text>
|
|
<text x="132" y="185" fill="#ffffff" font-size="13" font-weight="800" text-anchor="middle">수강 3개월</text>
|
|
|
|
<!-- 화살표 곡선 -->
|
|
<path d="M 40,75 Q 85,25 105,25" fill="none" stroke="#fbbf24" stroke-width="3" stroke-dasharray="4,4" />
|
|
|
|
<!-- 오른쪽 미니 스탯 -->
|
|
<g transform="translate(195, 20)">
|
|
<rect x="0" y="0" width="125" height="55" rx="8" fill="#1e293b" stroke="#334155" />
|
|
<text x="12" y="24" fill="#94a3b8" font-size="11">내신 적중률</text>
|
|
<text x="12" y="45" fill="#38bdf8" font-size="18" font-weight="900">96.8%</text>
|
|
|
|
<rect x="0" y="70" width="125" height="55" rx="8" fill="#1e293b" stroke="#334155" />
|
|
<text x="12" y="94" fill="#94a3b8" font-size="11">학부모 만족도</text>
|
|
<text x="12" y="115" fill="#10b981" font-size="18" font-weight="900">99.2%</text>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- 우측 하단 워터마크 -->
|
|
<text x="355" y="325" fill="#ffffff" opacity="0.3" font-size="13" font-weight="800" text-anchor="end" font-family="'Pretendard', sans-serif">
|
|
AESEO TUTORING POSTER
|
|
</text>
|
|
</g>
|
|
</svg>
|