Showing: full SVG
Concept Groups
bold orange: 1 2 3 4 5 6
yo:
layered outline: 0
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
layered outline |
0.621
|
0.001 0.094 0.156 |
| 1 | text |
bold orange |
0.366
|
0.484 0.432 0.405 |
| 2 | text |
bold orange |
0.364
|
0.160 0.146 0.133 |
| 3 | text |
bold orange |
0.356
|
0.025 0.023 0.021 |
| 4 | text |
bold orange |
0.358
|
0.048 0.044 0.041 |
| 5 | text |
bold orange |
0.376
|
0.089 0.077 0.072 |
| 6 | text |
bold orange |
0.354
|
0.194 0.183 0.171 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
<defs>
<!-- Define the text style -->
<style>
.main-text {
font-family: 'Arial Black', 'Impact', sans-serif;
font-size: 120px;
font-weight: 900;
}
</style>
</defs>
<!-- Background -->
<rect width="400" height="200" fill="#f5f5f5"/>
<!-- Shadow layer (darkest, offset most) -->
<text x="200" y="140" text-anchor="middle" class="main-text"
fill="#8B2500" stroke="#8B2500" stroke-width="12">
YO!
</text>
<!-- Dark outline layer -->
<text x="196" y="136" text-anchor="middle" class="main-text"
fill="#CC4400" stroke="#CC4400" stroke-width="10">
YO!
</text>
<!-- Mid outline layer -->
<text x="193" y="133" text-anchor="middle" class="main-text"
fill="#D65000" stroke="#D65000" stroke-width="6">
YO!
</text>
<!-- Main bright orange fill -->
<text x="190" y="130" text-anchor="middle" class="main-text"
fill="#FF9933" stroke="#E65C00" stroke-width="4">
YO!
</text>
<!-- Highlight layer for 3D effect -->
<text x="188" y="128" text-anchor="middle" class="main-text"
fill="#FFAA44" stroke="none">
YO!
</text>
<!-- Top highlight accent -->
<text x="187" y="127" text-anchor="middle" class="main-text"
fill="#FFBB66" stroke="none" opacity="0.7">
YO!
</text>
</svg>