CSS Infos
Color Code Rot
Button normal
#C80269
Button hover
#92004C
Fonts
Source Sans Pro
Light
font-family: „Source Sans Pro“, Arial, sans-serif;
font-weight: 300;
Source Sans Pro
Semibold
font-family: „Source Sans Pro“, Arial, sans-serif;
font-weight: 600;
Logodateien
Logoanimation
<style>
@keyframes animate-icon
{
0%
{
stroke-dashoffset: 900;
}
100%
{
stroke-dashoffset: 0;
}
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490 180">
<path style="fill:none; stroke:#fff; stroke-width:8; stroke-miterlimit:10; stroke-dasharray: 900; animation: animate-icon 3s cubic-bezier(0.6,0,0.3,1);" d="M13.97,19.57h20.36V159.6H110.91v-56.15c0-36.72-26.8-38.35-26.8-38.35h0c-6.71,37.28,26.97,38.82,26.97,38.82,0,0,40.19-1.5,31.7-47.48h0s-31.7,2.7-31.7,37.48l-.17,65.67h53.53V19.57H48.51"/>
<text x="200" y="80" style='font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 300; font-size: 85px; fill: #fff;'>1ha</text>
<text x="200" y="163" style='font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-size: 85px; fill: #fff;'>Zukunft</text>
</svg>
Idee für Headergrafik der Startseite
Die Headergrafik abhängig von der Tageszeit ändern
morgens

mittags

abends

nachts

© 2022 – 1ha Zukunft