← Back to dashboard

Bold orange "YO!" with layered outline

Model: medium_openai | Tier: medium | ID: 433b4352-638c-4a7e-9f25-a7b2eed7c560_21659cf38fe1b10a | 4 elements

0.206
Editability
1.000
Coverage
0.206
Purity
0.253
Crosstalk
0.261
Compact
0.714
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

left orange y with dark outline: 0
central orange o with concentric rings:
right orange exclamation mark with dark border:
top-left shadow of y: 1
bottom-right shadow of exclamation mark:
inner light-orange fill of o: 2 3

Elements — click to highlight

#TagConceptPurityContributions
0 rect left orange y with d
1.000
left orange
0.000
central oran
0.000
right orange
0.000
top-left sha
0.000
bottom-right
0.000
inner light-
0.000
1 text top-left shadow of y
0.209
left orange
0.328
central oran
0.326
right orange
0.218
top-left sha
0.348
bottom-right
0.347
inner light-
0.097
2 text inner light-orange f
0.209
left orange
0.595
central oran
0.596
right orange
0.683
top-left sha
0.578
bottom-right
0.579
inner light-
0.802
3 text inner light-orange f
0.201
left orange
0.076
central oran
0.078
right orange
0.099
top-left sha
0.075
bottom-right
0.074
inner light-
0.101

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="420" viewBox="0 0 900 420"> <!-- Step-by-Step Analysis (embedded as SVG comments) 1) Content: The word "YO!" in a bold, stylized, cartoon-like font. 2) Color: Main fill is bright light orange; outline is darker reddish-orange. 3) Depth: A layered 3D effect created by a thicker outline plus an offset shadow layer behind. 4) Composition: Centered text with generous margins; shadow offset down-right for energy. 5) Styling approach: Use two stacked text layers (shadow + main), both with heavy stroke; main has lighter fill. --> <defs> <!-- Slight softening for the shadow layer to feel like a drop/layer --> <filter id="soften" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur in="SourceGraphic" stdDeviation="0.6" result="b"/> <feMerge> <feMergeNode in="b"/> </feMerge> </filter> </defs> <rect width="100%" height="100%" fill="white"/> <!-- Shadow / back layer (offset) --> <g transform="translate(18,18)" filter="url(#soften)"> <text x="450" y="275" text-anchor="middle" font-family="Impact, 'Arial Black', 'Helvetica Neue', Arial, sans-serif" font-size="260" font-weight="900" fill="#c84b1e" stroke="#8f2d10" stroke-width="26" stroke-linejoin="round" paint-order="stroke fill"> YO! </text> </g> <!-- Main front layer --> <text x="450" y="275" text-anchor="middle" font-family="Impact, 'Arial Black', 'Helvetica Neue', Arial, sans-serif" font-size="260" font-weight="900" fill="#ffb35a" stroke="#d95a22" stroke-width="26" stroke-linejoin="round" paint-order="stroke fill"> YO! </text> <!-- Extra inner pop (subtle highlight stroke) --> <text x="450" y="275" text-anchor="middle" font-family="Impact, 'Arial Black', 'Helvetica Neue', Arial, sans-serif" font-size="260" font-weight="900" fill="none" stroke="#ffd2a0" stroke-width="6" stroke-linejoin="round" opacity="0.55"> YO! </text> </svg>