Showing: full SVG
Concept Groups
teal rounded rectangle: 1 2
white uppercase text 'notes': 3
inner black border: 0
top-left curved edge:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
inner black border |
0.816
|
0.084 0.056 0.961 0.076 |
| 1 | path |
teal rounded rectang |
0.362
|
0.901 0.763 0.039 0.787 |
| 2 | path |
teal rounded rectang |
0.392
|
0.005 0.003 0.000 0.004 |
| 3 | text |
white uppercase text |
0.555
|
0.010 0.178 0.000 0.133 |
SVG Code
<svg width="400" height="180" viewBox="0 0 400 180" xmlns="http://www.w3.org/2000/svg">
<!-- Group to handle the irregular shape and borders -->
<g transform="translate(20, 20)">
<!-- The thick black outer border shape -->
<path
d="M25,45 C25,20 180,15 330,30 C355,40 350,90 335,115 C180,140 40,130 25,105 C15,85 15,60 25,45 Z"
fill="black"
/>
<!-- The teal inner shape (slightly smaller to reveal the black border) -->
<path
d="M28,48 C28,25 180,20 327,33 C350,43 345,88 332,112 C180,135 43,125 28,102 C18,82 18,63 28,48 Z"
fill="#20B2AA"
stroke="#20B2AA"
stroke-width="2"
/>
<!-- Optional: A very thin inner teal line to accentuate the "double border" look -->
<path
d="M35,55 C35,35 180,30 315,40 C335,50 330,85 320,105 C180,125 50,115 35,95 C25,75 25,65 35,55 Z"
fill="none"
stroke="#40E0D0"
stroke-width="1.5"
opacity="0.5"
/>
<!-- The Text: NOTES -->
<text
x="180"
y="75"
fill="white"
font-family="'Comic Sans MS', 'Marker Felt', 'Handlee', cursive"
font-size="48"
font-weight="bold"
text-anchor="middle"
dominant-baseline="central"
letter-spacing="3"
>NOTES</text>
</g>
</svg>