← Back to dashboard

ornate red, orange, and yellow corner design

Model: openai | Tier: complex | ID: dc7dbc19-bb33-4b11-bf0a-665a76652ed8_a9396a76c7b4184d | 47 elements

0.531
Editability
1.000
Coverage
0.531
Purity
0.879
Crosstalk
0.054
Compact
0.867
Locality
0.978
Contiguity
full
Showing: full SVG

Concept Groups

orange: 1 2 5 6 7 8 9 11 12 17 18 23 24 25 30 31 32 33 34 35 36 37 41 42 43 45 46
yellow corner: 0 3 4 10 13 14 15 16 19 20 21 22 26 27 28 29 38 39 40 44

Elements — click to highlight

#TagConceptPurityContributions
0 path yellow corner
0.596
orange
0.002
yellow corne
0.003
1 path orange
0.533
orange
0.001
yellow corne
0.001
2 path orange
0.597
orange
0.000
yellow corne
0.000
3 use yellow corner
0.693
orange
0.000
yellow corne
0.000
4 use yellow corner
0.566
orange
0.000
yellow corne
0.000
5 circle orange
0.518
orange
0.000
yellow corne
0.000
6 circle orange
1.000
orange
0.000
yellow corne
0.000
7 circle orange
0.539
orange
0.000
yellow corne
0.000
8 path orange
0.511
orange
0.214
yellow corne
0.205
9 path orange
0.555
orange
0.239
yellow corne
0.192
10 path yellow corner
0.509
orange
0.086
yellow corne
0.089
11 path orange
0.528
orange
0.041
yellow corne
0.037
12 path orange
0.506
orange
0.016
yellow corne
0.015
13 path yellow corner
0.544
orange
0.120
yellow corne
0.143
14 path yellow corner
0.524
orange
0.110
yellow corne
0.121
15 path yellow corner
0.501
orange
0.034
yellow corne
0.035
16 path yellow corner
0.551
orange
0.099
yellow corne
0.121
17 circle orange
1.000
orange
0.000
yellow corne
0.000
18 circle orange
0.566
orange
0.000
yellow corne
0.000
19 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
20 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
21 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
22 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
23 circle orange
1.000
orange
0.000
yellow corne
0.000
24 circle orange
1.000
orange
0.000
yellow corne
0.000
25 circle orange
1.000
orange
0.000
yellow corne
0.000
26 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
27 circle yellow corner
0.606
orange
0.000
yellow corne
0.000
28 path yellow corner
0.570
orange
0.003
yellow corne
0.003
29 path yellow corner
0.556
orange
0.002
yellow corne
0.002
30 path orange
0.509
orange
0.004
yellow corne
0.004
31 path orange
0.582
orange
0.004
yellow corne
0.003
32 path orange
0.533
orange
0.002
yellow corne
0.001
33 use orange
0.519
orange
0.001
yellow corne
0.001
34 use orange
0.518
orange
0.001
yellow corne
0.001
35 use orange
0.531
orange
0.002
yellow corne
0.002
36 circle orange
0.556
orange
0.001
yellow corne
0.000
37 circle orange
0.541
orange
0.000
yellow corne
0.000
38 circle yellow corner
0.502
orange
0.000
yellow corne
0.000
39 circle yellow corner
0.519
orange
0.001
yellow corne
0.001
40 circle yellow corner
0.553
orange
0.001
yellow corne
0.001
41 circle orange
0.622
orange
0.000
yellow corne
0.000
42 circle orange
0.506
orange
0.000
yellow corne
0.000
43 circle orange
0.555
orange
0.000
yellow corne
0.000
44 path yellow corner
0.589
orange
0.004
yellow corne
0.006
45 path orange
0.520
orange
0.013
yellow corne
0.012
46 path orange
0.516
orange
0.001
yellow corne
0.001

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600"> <defs> <!-- Palette --> <style> .red { fill:#d62828; } .deepRed { fill:#b51f23; } .orange { fill:#f77f00; } .amber { fill:#fcbf49; } .yellow { fill:#ffd166; } .gold { fill:#ffb703; } .cream { fill:#fff1c7; } .strokeRed { stroke:#b51f23; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; fill:none; } .strokeOrange { stroke:#f77f00; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; fill:none; } .strokeYellow { stroke:#ffd166; stroke-width:8; stroke-linecap:round; stroke-linejoin:round; fill:none; } .dots { fill:none; stroke:#fff1c7; stroke-width:5; stroke-linecap:round; stroke-dasharray:1 16; } </style> <!-- Simple starburst symbol --> <g id="starburst"> <circle cx="0" cy="0" r="10" class="gold"/> <g class="gold"> <path d="M0,-34 L7,-14 L-7,-14 Z" /> <path d="M0,34 L7,14 L-7,14 Z" /> <path d="M34,0 L14,7 L14,-7 Z" /> <path d="M-34,0 L-14,7 L-14,-7 Z" /> <path d="M24,-24 L12,-10 L10,-12 Z" /> <path d="M-24,-24 L-12,-10 L-10,-12 Z" /> <path d="M24,24 L12,10 L10,12 Z" /> <path d="M-24,24 L-12,10 L-10,12 Z" /> </g> <circle cx="0" cy="0" r="5" class="cream"/> </g> <!-- Clip to keep everything in a corner region --> <clipPath id="cornerClip"> <path d="M0,0 H900 V600 H0 Z" /> </clipPath> </defs> <!-- Step-by-Step Analysis (as SVG comments) 1) Composition: decorative corner ornament occupying the top-right area, leaving transparent background elsewhere. 2) Frame: a yellow border-like band forming an L-shape along the top and right edges, with rounded ends. 3) Motif: central stylized fruit/flower (pomegranate-like) in reds/oranges with inner seeds. 4) Surrounding flow: layered, flame-like curls and leaves in red/orange/yellow. 5) Accents: dotted cream lines following curves to suggest embroidery/ornamentation. 6) Starburst flowers: small yellow starbursts at ends of the border. --> <g clip-path="url(#cornerClip)"> <!-- Border / frame (top and right) --> <path class="strokeYellow" d="M80,70 H820" /> <path class="strokeYellow" d="M830,80 V520" /> <!-- Rounded corner connector --> <path class="strokeYellow" d="M820,70 Q860,70 860,110" /> <!-- Starburst accents at ends of border --> <g transform="translate(80,70) scale(0.7)"> <use href="#starburst"/> </g> <g transform="translate(830,520) scale(0.7)"> <use href="#starburst"/> </g> <!-- Small decorative buds near border --> <circle cx="780" cy="70" r="8" class="gold"/> <circle cx="830" cy="160" r="8" class="gold"/> <circle cx="830" cy="250" r="6" class="amber"/> <!-- Flowing ornamental base shapes (corner mass) --> <path class="orange" d="M900,0 C820,10 770,40 740,90 C705,150 710,220 760,260 C800,292 820,320 820,360 C820,430 760,500 680,540 C780,560 860,560 900,560 Z" opacity="0.95"/> <path class="red" d="M900,0 C845,15 805,45 785,90 C765,135 780,175 815,205 C855,240 865,270 850,310 C825,380 745,470 650,510 C730,520 840,520 900,520 Z" opacity="0.95"/> <path class="amber" d="M900,40 C860,55 830,80 820,115 C808,155 828,185 860,210 C900,242 900,242 900,242 Z" opacity="0.9"/> <!-- Curled leaf/flame shapes --> <path class="deepRed" d="M735,150 C700,120 690,90 710,70 C740,40 800,55 820,95 C835,125 820,165 785,175 C770,180 750,170 735,150 Z" opacity="0.95"/> <path class="yellow" d="M760,310 C720,300 695,275 700,245 C707,205 770,195 805,225 C835,250 835,295 805,315 C790,325 775,320 760,310 Z" opacity="0.95"/> <path class="orange" d="M700,430 C660,420 635,395 640,365 C648,325 715,315 750,350 C780,380 775,420 740,440 C725,448 712,440 700,430 Z" opacity="0.95"/> <!-- Central stylized fruit/flower motif (pomegranate-like) --> <g transform="translate(700,270)"> <!-- Outer body --> <path class="red" d="M0,-70 C30,-95 70,-85 85,-55 C105,-15 90,55 50,90 C20,115 -20,115 -50,90 C-90,55 -105,-15 -85,-55 C-70,-85 -30,-95 0,-70 Z"/> <!-- Crown --> <path class="deepRed" d="M0,-95 C10,-115 25,-125 40,-120 C45,-110 42,-98 35,-88 C55,-95 70,-92 78,-80 C72,-66 55,-62 40,-62 C25,-50 10,-48 0,-55 C-10,-48 -25,-50 -40,-62 C-55,-62 -72,-66 -78,-80 C-70,-92 -55,-95 -35,-88 C-42,-98 -45,-110 -40,-120 C-25,-125 -10,-115 0,-95 Z"/> <!-- Inner highlight --> <path class="orange" d="M0,-55 C25,-70 55,-60 65,-38 C80,0 65,50 35,72 C15,88 -15,88 -35,72 C-65,50 -80,0 -65,-38 C-55,-60 -25,-70 0,-55 Z" opacity="0.95"/> <!-- Seed clusters --> <g fill="#fff1c7" opacity="0.95"> <circle cx="-22" cy="-10" r="6"/> <circle cx="-5" cy="-18" r="6"/> <circle cx="12" cy="-10" r="6"/> <circle cx="28" cy="-2" r="6"/> <circle cx="18" cy="12" r="6"/> <circle cx="0" cy="18" r="6"/> <circle cx="-18" cy="12" r="6"/> <circle cx="-30" cy="2" r="6"/> <circle cx="-10" cy="35" r="6"/> <circle cx="10" cy="35" r="6"/> <circle cx="0" cy="52" r="6"/> </g> <!-- Seed outlines / texture --> <path class="strokeRed" d="M-40,10 C-25,-25 25,-25 40,10" opacity="0.55"/> <path class="strokeRed" d="M-35,35 C-15,15 15,15 35,35" opacity="0.45"/> </g> <!-- Dotted decorative lines following the flow --> <path class="dots" d="M880,120 C820,140 790,175 780,220 C770,265 800,300 845,320" /> <path class="dots" d="M860,360 C820,380 785,420 770,465 C755,510 720,535 690,545" /> <path class="dots" d="M820,85 C780,95 745,120 730,150" /> <!-- Small starburst flowers near border ends --> <g transform="translate(845,105) scale(0.45)"> <use href="#starburst"/> </g> <g transform="translate(790,70) scale(0.45)"> <use href="#starburst"/> </g> <g transform="translate(830,460) scale(0.45)"> <use href="#starburst"/> </g> <!-- Tiny dot accents --> <g fill="#fff1c7" opacity="0.9"> <circle cx="815" cy="205" r="4"/> <circle cx="835" cy="235" r="3.5"/> <circle cx="800" cy="255" r="3.5"/> <circle cx="760" cy="345" r="4"/> <circle cx="740" cy="380" r="3.5"/> <circle cx="785" cy="410" r="3.5"/> <circle cx="705" cy="455" r="4"/> <circle cx="675" cy="495" r="3.5"/> </g> <!-- Subtle inner border echo (decorative) --> <path class="strokeOrange" d="M110,95 H800" opacity="0.8"/> <path class="strokeOrange" d="M805,100 V500" opacity="0.8"/> <path class="strokeOrange" d="M800,95 Q835,95 835,130" opacity="0.8"/> </g> </svg>