Showing: full SVG
Concept Groups
teal rectangular certificate frame: 0 1 2
top horizontal text bar inside certificate: 3 4
three horizontal lines in middle of certificate: 5 6 7 8
wavy bottom line in certificate:
circular medal with star in center: 10 13 14 15
two ribbon loops below medal: 9 11 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
teal rectangular cer |
1.000
|
0.000 0.000 0.000 0.000 0.000 0.000 |
| 1 | rect |
teal rectangular cer |
0.365
|
0.240 0.000 0.158 0.174 0.013 0.073 |
| 2 | rect |
teal rectangular cer |
0.291
|
0.197 0.000 0.185 0.176 0.010 0.108 |
| 3 | rect |
top horizontal text |
0.595
|
0.121 0.647 0.137 0.132 0.005 0.046 |
| 4 | line |
top horizontal text |
0.625
|
0.056 0.353 0.070 0.061 0.001 0.024 |
| 5 | line |
three horizontal lin |
0.318
|
0.051 0.000 0.061 0.055 0.001 0.023 |
| 6 | line |
three horizontal lin |
0.295
|
0.054 0.000 0.057 0.055 0.002 0.024 |
| 7 | line |
three horizontal lin |
0.296
|
0.049 0.000 0.052 0.049 0.002 0.022 |
| 8 | line |
three horizontal lin |
0.301
|
0.043 0.000 0.047 0.045 0.002 0.019 |
| 9 | path |
two ribbon loops bel |
0.311
|
0.045 0.000 0.060 0.051 0.006 0.073 |
| 10 | circle |
circular medal with |
0.524
|
0.022 0.000 0.028 0.030 0.190 0.092 |
| 11 | path |
two ribbon loops bel |
0.429
|
0.007 0.000 0.012 0.016 0.056 0.068 |
| 12 | path |
two ribbon loops bel |
0.436
|
0.006 0.000 0.011 0.016 0.049 0.064 |
| 13 | circle |
circular medal with |
0.383
|
0.056 0.000 0.060 0.068 0.203 0.143 |
| 14 | circle |
circular medal with |
0.528
|
0.026 0.000 0.034 0.038 0.225 0.103 |
| 15 | path |
circular medal with |
0.532
|
0.025 0.000 0.031 0.035 0.236 0.117 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="650" viewBox="0 0 900 650">
<!--
Step-by-Step Analysis
1) Overall style: minimalist line art, deep teal/dark blue strokes on white background, no fills (except optional white to mask overlaps).
2) Main object: a certificate/document drawn as a rounded rectangle with an inner margin line to suggest a border.
3) Header/title area: a rectangular box near the top of the document.
4) Body text: several horizontal lines of varying lengths to represent text.
5) Signature: a stylized squiggly line near the lower portion of the document.
6) Award element: a round medal overlapping the bottom-right of the document.
7) Medal details: a star centered inside the medal, plus two flowing ribbon tails beneath it.
8) Composition: medal sits in front of the document corner; consistent stroke width and rounded joins/caps.
-->
<defs>
<style>
.ink { stroke:#0b3a45; stroke-width:10; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.thin { stroke:#0b3a45; stroke-width:8; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.maskfill { fill:#ffffff; stroke:none; }
</style>
</defs>
<!-- Background -->
<rect x="0" y="0" width="900" height="650" fill="#ffffff"/>
<!-- Certificate -->
<g id="certificate">
<!-- Outer document -->
<rect class="ink" x="120" y="90" width="560" height="420" rx="18" ry="18"/>
<!-- Inner border -->
<rect class="thin" x="150" y="120" width="500" height="360" rx="14" ry="14"/>
<!-- Title box -->
<rect class="thin" x="210" y="150" width="380" height="70" rx="10" ry="10"/>
<!-- Abstract text lines -->
<line class="thin" x1="210" y1="260" x2="610" y2="260"/>
<line class="thin" x1="210" y1="295" x2="575" y2="295"/>
<line class="thin" x1="210" y1="330" x2="600" y2="330"/>
<line class="thin" x1="210" y1="365" x2="560" y2="365"/>
<line class="thin" x1="210" y1="400" x2="520" y2="400"/>
<!-- Signature squiggle -->
<path class="thin" d="M230 450
C270 430, 300 475, 340 450
S410 435, 450 455
S520 475, 560 450" />
</g>
<!-- Medal (overlapping bottom-right corner) -->
<g id="medal" transform="translate(0,0)">
<!-- White underlay to make overlap clean (optional but helps line art clarity) -->
<circle class="maskfill" cx="670" cy="460" r="110"/>
<!-- Ribbon tails -->
<path class="ink" d="M620 520
C595 565, 585 600, 610 625
C645 600, 665 575, 680 540" />
<path class="ink" d="M720 520
C745 565, 755 600, 730 625
C695 600, 675 575, 660 540" />
<!-- Medal circle -->
<circle class="ink" cx="670" cy="460" r="110"/>
<!-- Inner ring -->
<circle class="thin" cx="670" cy="460" r="78"/>
<!-- Star in center -->
<path class="ink" d="M670 405
L686 440
L724 444
L695 468
L704 505
L670 486
L636 505
L645 468
L616 444
L654 440
Z"/>
</g>
</svg>