← Back to dashboard

golden-brown to cream gradient, ribbed texture

Model: simple_openai | Tier: simple | ID: 3d7b750c-f823-4310-999a-3305164ff09d_5f184937e663f968 | 3 elements

0.500
Editability
1.000
Coverage
0.500
Purity
0.999
Crosstalk
0.890
Compact
0.875
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

central light tan section: 0
rightmost cream-white vertical strip: 1 2

Elements — click to highlight

#TagConceptPurityContributions
0 rect central light tan se
0.500
central ligh
0.962
rightmost cr
0.962
1 rect rightmost cream-whit
0.501
central ligh
0.010
rightmost cr
0.010
2 rect rightmost cream-whit
0.500
central ligh
0.027
rightmost cr
0.027

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="700" viewBox="0 0 1200 700" role="img" aria-label="Horizontal golden-brown to cream gradient with fine vertical ribbed texture"> <!-- Step-by-step analysis (from description): 1) Overall composition: a full-bleed horizontal gradient background. 2) Color transition: rich golden-brown at the far left gradually shifting to a soft cream/off-white at the right. 3) Texture: numerous very fine vertical lines across the width to create a subtle ribbed look. 4) Texture visibility: ribbing should be more noticeable in darker areas (left) and softer toward the light end (right). --> <defs> <!-- Base horizontal gradient --> <linearGradient id="baseGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#8A5A16"/> <stop offset="25%" stop-color="#B57A2A"/> <stop offset="55%" stop-color="#D9B57C"/> <stop offset="78%" stop-color="#F1E0C6"/> <stop offset="100%" stop-color="#FBF7EE"/> </linearGradient> <!-- Ribbed vertical-line pattern (subtle, repeated) --> <!-- Two stripes per 6px: a slightly dark line and a slightly light line --> <pattern id="ribPattern" patternUnits="userSpaceOnUse" width="6" height="6"> <rect width="6" height="6" fill="none"/> <rect x="0" width="1" height="6" fill="rgba(0,0,0,0.10)"/> <rect x="3" width="1" height="6" fill="rgba(255,255,255,0.08)"/> </pattern> <!-- Fade the texture from stronger (left) to weaker (right) --> <linearGradient id="ribFade" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="white" stop-opacity="0.55"/> <stop offset="40%" stop-color="white" stop-opacity="0.35"/> <stop offset="75%" stop-color="white" stop-opacity="0.18"/> <stop offset="100%" stop-color="white" stop-opacity="0.08"/> </linearGradient> <mask id="ribMask"> <rect width="1200" height="700" fill="url(#ribFade)"/> </mask> </defs> <!-- Base gradient --> <rect x="0" y="0" width="1200" height="700" fill="url(#baseGrad)"/> <!-- Ribbed texture overlay, masked to fade toward the right --> <rect x="0" y="0" width="1200" height="700" fill="url(#ribPattern)" mask="url(#ribMask)"/> <!-- Very subtle overall softening to keep it creamy on the right --> <rect x="0" y="0" width="1200" height="700" fill="rgba(255,255,255,0.03)"/> </svg>