71 lines
2.6 KiB
XML
71 lines
2.6 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 40 1400 230" width="100%" height="100%">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="gold" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#FFF5C0" />
|
||
|
|
<stop offset="40%" stop-color="#D4AF37" />
|
||
|
|
<stop offset="70%" stop-color="#AA7C11" />
|
||
|
|
<stop offset="100%" stop-color="#5B4006" />
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<linearGradient id="silver" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#FFFFFF" />
|
||
|
|
<stop offset="50%" stop-color="#D1D5DB" />
|
||
|
|
<stop offset="100%" stop-color="#70747C" />
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
||
|
|
<feDropShadow dx="4" dy="10" stdDeviation="8" flood-color="#000000" flood-opacity="0.6"/>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<filter id="sloganShadow" x="-20%" y="-20%" width="140%" height="140%">
|
||
|
|
<feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.9"/>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.slogan-text {
|
||
|
|
font-family: 'Arial Black', 'Impact', 'Arial', sans-serif;
|
||
|
|
font-size: 32px; /* Skaleret markant op fra 20px */
|
||
|
|
font-weight: 900; /* Ekstra fed vægt ligesom på billedet */
|
||
|
|
letter-spacing: 6px; /* Lidt tættere knibet for at give tyngde */
|
||
|
|
text-anchor: middle;
|
||
|
|
text-transform: uppercase;
|
||
|
|
-webkit-text-stroke: 1.5px #000000; /* Tydelig sort kant omkring bogstaverne */
|
||
|
|
fill: #FFFFFF; /* Standard: Klar hvid i mørkt tema */
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
.slogan-text {
|
||
|
|
fill: #111111; /* Kraftig mørkegrå i lys tilstand */
|
||
|
|
-webkit-text-stroke: 1px rgba(255,255,255,0.6);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<g transform="translate(700, 0)">
|
||
|
|
|
||
|
|
<text x="0" y="150"
|
||
|
|
font-family="'Arial Black', 'Impact', sans-serif"
|
||
|
|
font-size="95"
|
||
|
|
font-weight="950"
|
||
|
|
font-style="italic"
|
||
|
|
text-anchor="middle"
|
||
|
|
filter="url(#shadow)">
|
||
|
|
<tspan fill="url(#silver)" letter-spacing="4">PRIME </tspan>
|
||
|
|
<tspan fill="url(#gold)" letter-spacing="2">GRADING</tspan>
|
||
|
|
</text>
|
||
|
|
|
||
|
|
<g transform="translate(0, 225)">
|
||
|
|
<text x="0" y="0"
|
||
|
|
class="slogan-text"
|
||
|
|
filter="url(#sloganShadow)">
|
||
|
|
VI DEGRADERE DINE KORT
|
||
|
|
</text>
|
||
|
|
|
||
|
|
<line x1="-310" y1="-10" x2="-470" y2="-10" stroke="url(#gold)" stroke-width="4" stroke-linecap="round"/>
|
||
|
|
|
||
|
|
<line x1="310" y1="-10" x2="470" y2="-10" stroke="url(#gold)" stroke-width="4" stroke-linecap="round"/>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|