Showing: full SVG
Concept Groups
spanish phrase: 3 7 11 14 15
sigue tu corazón: 13
flowers: 0 1 2 4 5 6 8 9 10
stars: 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | ellipse |
flowers |
0.577
|
0.000 0.001 0.003 0.001 |
| 1 | ellipse |
flowers |
0.592
|
0.011 0.055 0.180 0.058 |
| 2 | ellipse |
flowers |
0.581
|
0.003 0.016 0.048 0.015 |
| 3 | ellipse |
spanish phrase |
1.000
|
0.000 0.000 0.000 0.000 |
| 4 | ellipse |
flowers |
0.614
|
0.017 0.054 0.227 0.072 |
| 5 | ellipse |
flowers |
0.591
|
0.015 0.083 0.264 0.085 |
| 6 | ellipse |
flowers |
0.581
|
0.004 0.018 0.055 0.017 |
| 7 | ellipse |
spanish phrase |
1.000
|
0.000 0.000 0.000 0.000 |
| 8 | circle |
flowers |
0.309
|
0.012 0.031 0.033 0.032 |
| 9 | circle |
flowers |
0.346
|
0.004 0.012 0.014 0.011 |
| 10 | circle |
flowers |
0.389
|
0.000 0.001 0.002 0.001 |
| 11 | text |
spanish phrase |
0.371
|
0.870 0.676 0.156 0.646 |
| 12 | path |
stars |
0.361
|
0.025 0.020 0.004 0.028 |
| 13 | polygon |
sigue tu corazón |
0.286
|
0.022 0.024 0.013 0.023 |
| 14 | polygon |
spanish phrase |
0.391
|
0.010 0.007 0.002 0.008 |
| 15 | polygon |
spanish phrase |
0.369
|
0.005 0.004 0.001 0.004 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="500" viewBox="0 0 1200 500">
<defs>
<!-- Text gradient: lighter pink-red to deeper red -->
<linearGradient id="textGrad" x1="200" y1="0" x2="1050" y2="0" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#ff6b8a"/>
<stop offset="45%" stop-color="#ff4a5f"/>
<stop offset="100%" stop-color="#c8142b"/>
</linearGradient>
<!-- Flower gradient (similar hues) -->
<radialGradient id="flowerGrad" cx="35%" cy="35%" r="75%">
<stop offset="0%" stop-color="#ff8aa2"/>
<stop offset="60%" stop-color="#ff4a5f"/>
<stop offset="100%" stop-color="#c8142b"/>
</radialGradient>
<!-- Star fill -->
<linearGradient id="starGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ff8fb0"/>
<stop offset="100%" stop-color="#ff4a7a"/>
</linearGradient>
<!-- Soft shadow for a playful sticker-like feel -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#8a0f1c" flood-opacity="0.18"/>
</filter>
<!-- Handwritten-ish font stack -->
<style>
.hand {
font-family: "Brush Script MT", "Pacifico", "Comic Sans MS", "Segoe Script", cursive;
font-weight: 600;
}
</style>
</defs>
<!-- STEP-BY-STEP ANALYSIS (visual plan encoded as comments)
1) Transparent background: no rect backdrop.
2) Left decorative stylized flower in pink-red hues.
3) Center/right handwritten Spanish phrase: "sigue. tu corazón"
- Single line, playful script.
- Color transitions from lighter pink-red (sigue) to deeper red (tu corazón) via gradient.
4) Right side: three pink stars, varying sizes, slightly rotated.
-->
<!-- Stylized flower (left) -->
<g transform="translate(150 250)" filter="url(#softShadow)">
<!-- petals -->
<g fill="url(#flowerGrad)">
<ellipse cx="0" cy="-78" rx="34" ry="58" transform="rotate(-10)"/>
<ellipse cx="55" cy="-45" rx="34" ry="58" transform="rotate(35)"/>
<ellipse cx="70" cy="15" rx="34" ry="58" transform="rotate(80)"/>
<ellipse cx="40" cy="70" rx="34" ry="58" transform="rotate(125)"/>
<ellipse cx="-20" cy="80" rx="34" ry="58" transform="rotate(170)"/>
<ellipse cx="-70" cy="35" rx="34" ry="58" transform="rotate(-145)"/>
<ellipse cx="-75" cy="-25" rx="34" ry="58" transform="rotate(-100)"/>
<ellipse cx="-40" cy="-70" rx="34" ry="58" transform="rotate(-55)"/>
</g>
<!-- center -->
<circle cx="0" cy="0" r="34" fill="#ffb2c4"/>
<circle cx="0" cy="0" r="18" fill="#ff6b8a" opacity="0.9"/>
<!-- small highlight -->
<circle cx="-10" cy="-10" r="6" fill="#ffffff" opacity="0.55"/>
</g>
<!-- Handwritten text -->
<g filter="url(#softShadow)">
<text x="270" y="285" class="hand" font-size="120" fill="url(#textGrad)" letter-spacing="1">
sigue. tu corazón
</text>
<!-- subtle underline flourish (optional handwritten accent) -->
<path d="M 360 330 C 520 370, 720 360, 900 330"
fill="none" stroke="#ff5a72" stroke-width="10" stroke-linecap="round" opacity="0.35"/>
</g>
<!-- Stars (right) -->
<g transform="translate(1035 150)" filter="url(#softShadow)">
<!-- star function via polygon points -->
<polygon fill="url(#starGrad)" opacity="0.95"
points="0,-34 9,-10 34,-10 14,4 21,28 0,14 -21,28 -14,4 -34,-10 -9,-10"
transform="rotate(12)"/>
</g>
<g transform="translate(1110 245)" filter="url(#softShadow)">
<polygon fill="url(#starGrad)" opacity="0.9"
points="0,-22 6,-7 22,-7 9,3 14,18 0,9 -14,18 -9,3 -22,-7 -6,-7"
transform="rotate(-18)"/>
</g>
<g transform="translate(1045 315)" filter="url(#softShadow)">
<polygon fill="url(#starGrad)" opacity="0.9"
points="0,-16 5,-5 16,-5 7,2 10,13 0,7 -10,13 -7,2 -16,-5 -5,-5"
transform="rotate(22)"/>
</g>
</svg>