Showing: full SVG
Concept Groups
red scalloped left border: 0 1
cream central rectangle: 2 3 4
yellow star-shaped element with purple line: 5 6
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
red scalloped left b |
1.000
|
0.000 0.000 0.000 |
| 1 | path |
red scalloped left b |
0.959
|
1.000 0.001 0.042 |
| 2 | rect |
cream central rectan |
0.873
|
0.000 0.998 0.146 |
| 3 | path |
cream central rectan |
0.836
|
0.000 0.000 0.000 |
| 4 | path |
cream central rectan |
0.839
|
0.000 0.000 0.000 |
| 5 | path |
yellow star-shaped e |
1.000
|
0.000 0.000 0.783 |
| 6 | path |
yellow star-shaped e |
1.000
|
0.000 0.000 0.029 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="520" viewBox="0 0 720 520">
<!-- Step-by-step analysis (as SVG comments)
1) Base object: a cream-colored rectangular card/paper centered with clean edges.
2) Border: a distinct scalloped border around the card in a muted red tone.
- Implemented as a scalloped "frame" behind/around the cream card.
3) Overlap element: a smaller bright yellow scalloped shape partially overlapping
the red border at the bottom-right corner.
4) Accent: a small purple line near the yellow element.
5) Surface detail: two faint purple-grey lines on the top-right area of the cream
card to suggest a subtle crease/texture.
-->
<!-- Background (kept neutral/white for minimalist look) -->
<rect x="0" y="0" width="720" height="520" fill="#ffffff"/>
<!-- Scalloped red border (a scalloped rectangle behind the cream card) -->
<path
d="
M 150 90
Q 165 75 180 90
Q 195 105 210 90
Q 225 75 240 90
Q 255 105 270 90
Q 285 75 300 90
Q 315 105 330 90
Q 345 75 360 90
Q 375 105 390 90
Q 405 75 420 90
Q 435 105 450 90
Q 465 75 480 90
Q 495 105 510 90
Q 525 75 540 90
Q 555 105 570 90
Q 585 105 590 120
Q 605 135 590 150
Q 575 165 590 180
Q 605 195 590 210
Q 575 225 590 240
Q 605 255 590 270
Q 575 285 590 300
Q 605 315 590 330
Q 575 345 590 360
Q 605 375 590 390
Q 575 405 590 420
Q 585 435 570 430
Q 555 415 540 430
Q 525 445 510 430
Q 495 415 480 430
Q 465 445 450 430
Q 435 415 420 430
Q 405 445 390 430
Q 375 415 360 430
Q 345 445 330 430
Q 315 415 300 430
Q 285 445 270 430
Q 255 415 240 430
Q 225 445 210 430
Q 195 415 180 430
Q 165 445 150 430
Q 135 435 130 420
Q 115 405 130 390
Q 145 375 130 360
Q 115 345 130 330
Q 145 315 130 300
Q 115 285 130 270
Q 145 255 130 240
Q 115 225 130 210
Q 145 195 130 180
Q 115 165 130 150
Q 145 135 130 120
Q 135 105 150 90
Z
"
fill="#b65a57"
/>
<!-- Cream card on top (inset to reveal scalloped border) -->
<rect x="165" y="110" width="410" height="300" rx="4" ry="4" fill="#f3e9d7"/>
<!-- Faint crease/texture lines on top-right of cream surface -->
<path d="M 455 155 L 545 125" stroke="#8e86a6" stroke-width="3" opacity="0.22" stroke-linecap="round"/>
<path d="M 470 175 L 560 145" stroke="#8e86a6" stroke-width="3" opacity="0.18" stroke-linecap="round"/>
<!-- Bright yellow scalloped element overlapping bottom-right border -->
<path
d="
M 495 360
Q 510 342 528 360
Q 546 378 564 360
Q 582 342 600 360
Q 618 378 636 360
Q 654 342 672 360
Q 690 378 672 396
Q 654 414 672 432
Q 654 450 636 432
Q 618 414 600 432
Q 582 450 564 432
Q 546 414 528 432
Q 510 450 495 432
Q 477 414 495 396
Q 513 378 495 360
Z
"
fill="#ffd43b"
/>
<!-- Small purple line accent near the yellow element -->
<path d="M 575 410 L 645 380" stroke="#6b4aa5" stroke-width="6" stroke-linecap="round"/>
</svg>