← Back to dashboard

teal handwritten "NOTES" with double border

Model: medium_openai | Tier: medium | ID: da5588ef-e5f9-43a4-bf8a-38f114b8b918_cb8dbedb132deb00 | 3 elements

0.422
Editability
1.000
Coverage
0.422
Purity
0.277
Crosstalk
0.601
Compact
0.707
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

teal oval background: 0
white uppercase text 'notes': 2
outer black border: 1
inner black border:
top-left curved edge:

Elements — click to highlight

#TagConceptPurityContributions
0 use teal oval background
0.218
teal oval ba
0.948
white upperc
0.849
outer black
0.815
inner black
0.857
top-left cur
0.885
1 use outer black border
0.425
teal oval ba
0.051
white upperc
0.020
outer black
0.185
inner black
0.143
top-left cur
0.037
2 text white uppercase text
0.624
teal oval ba
0.001
white upperc
0.131
outer black
0.000
inner black
0.000
top-left cur
0.078

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="360" viewBox="0 0 900 360"> <!-- Step-by-Step Analysis (from description) 1) Background is transparent: no background rect is drawn. 2) Central element is an irregular, elongated teal shape (a playful "blob"/label). 3) The shape has a distinctive double border: - Outer border: thick black stroke. - Inner border: thinner teal stroke (same hue as fill), inset slightly. 4) Centered text reads "NOTES" in white, handwritten-style capital letters. 5) Overall composition is centered and informal. --> <defs> <!-- A reusable irregular elongated shape --> <path id="blob" d="M105,175 C95,125 135,70 215,62 C310,52 400,78 470,62 C555,42 650,58 720,92 C790,126 812,170 792,215 C770,266 705,292 625,292 C545,292 485,306 405,292 C320,276 245,310 175,286 C115,266 115,228 105,175 Z" /> <!-- Clip text to keep it cleanly inside the shape if needed --> <clipPath id="clipBlob"> <use href="#blob"/> </clipPath> </defs> <!-- Outer thick black border --> <use href="#blob" fill="#1aa7a6" stroke="#000000" stroke-width="18" stroke-linejoin="round"/> <!-- Inner thin teal border (slightly inset by drawing the same path with smaller stroke) --> <use href="#blob" fill="none" stroke="#1aa7a6" stroke-width="6" stroke-linejoin="round"/> <!-- Text --> <g clip-path="url(#clipBlob)"> <text x="450" y="210" text-anchor="middle" font-size="120" fill="#ffffff" letter-spacing="6" font-family="Comic Sans MS, 'Bradley Hand', 'Marker Felt', 'Segoe Print', 'Chalkboard SE', cursive" transform="rotate(-2 450 190)"> NOTES </text> </g> </svg>