Showing: full SVG
Concept Groups
cream gradient: 1 2
ribbed texture: 0
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
ribbed texture |
0.502
|
0.637 0.642 |
| 1 | rect |
cream gradient |
0.504
|
0.010 0.010 |
| 2 | rect |
cream gradient |
0.504
|
0.353 0.348 |
SVG Code
<svg width="800" height="400" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg">
<!-- Definitions -->
<defs>
<!-- Horizontal Gradient: Golden-Brown to Cream -->
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#8B5A2B;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FDF5E6;stop-opacity:1" />
</linearGradient>
<!-- Ribbed Texture Pattern -->
<!-- A 2px wide pattern creates fine vertical lines -->
<pattern id="ribbedPattern" x="0" y="0" width="2" height="100" patternUnits="userSpaceOnUse">
<line x1="0" y1="0" x2="0" y2="100" stroke="black" stroke-width="0.5" stroke-opacity="0.07" />
</pattern>
<!-- Filter for subtle grain to enhance texture -->
<filter id="grain">
<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch" />
<feColorMatrix type="saturate" values="0" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.05" />
</feComponentTransfer>
<feComposite operator="in" in2="SourceGraphic" />
</filter>
</defs>
<!-- Background Rectangle with Gradient -->
<rect width="100%" height="100%" fill="url(#grad)" />
<!-- Overlay for the Ribbed Texture -->
<rect width="100%" height="100%" fill="url(#ribbedPattern)" />
<!-- Subtle Grain Overlay -->
<rect width="100%" height="100%" filter="url(#grain)" opacity="0.5" />
</svg>