Zum Inhalt springen
1ha Zukunft

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

1ha Zukunft
<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