Branding: Logo, Favicon und App-Icon eingebaut

This commit is contained in:
rene 2026-05-20 16:40:43 +02:00
parent 77c6f513b5
commit bb0e67b2bd
7 changed files with 51 additions and 13 deletions

8
app/static/favicon.svg Normal file
View file

@ -0,0 +1,8 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="16" fill="#0F172A"/>
<path d="M18 30L32 18L46 30V44C46 45.1046 45.1046 46 44 46H20C18.8954 46 18 45.1046 18 44V30Z" fill="white"/>
<circle cx="25" cy="33" r="3" fill="#22C55E"/>
<circle cx="39" cy="33" r="3" fill="#22C55E"/>
<circle cx="32" cy="41" r="3" fill="#22C55E"/>
<path d="M25 33L32 41L39 33" stroke="#22C55E" stroke-width="2" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 508 B

View file

@ -0,0 +1,8 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" rx="120" fill="#0F172A"/>
<path d="M140 236L256 140L372 236V340C372 353.255 361.255 364 348 364H164C150.745 364 140 353.255 140 340V236Z" fill="white"/>
<circle cx="196" cy="256" r="20" fill="#22C55E"/>
<circle cx="316" cy="256" r="20" fill="#22C55E"/>
<circle cx="256" cy="324" r="20" fill="#22C55E"/>
<path d="M196 256L256 324L316 256" stroke="#22C55E" stroke-width="12" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 548 B

11
app/static/logo.svg Normal file
View file

@ -0,0 +1,11 @@
<svg width="720" height="220" viewBox="0 0 720 220" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="720" height="220" rx="28" fill="white"/>
<rect x="28" y="28" width="164" height="164" rx="36" fill="#0F172A"/>
<path d="M72 108L110 74L148 108V146C148 150.418 144.418 154 140 154H80C75.582 154 72 150.418 72 146V108Z" fill="white"/>
<circle cx="92" cy="116" r="8" fill="#22C55E"/>
<circle cx="128" cy="116" r="8" fill="#22C55E"/>
<circle cx="110" cy="136" r="8" fill="#22C55E"/>
<path d="M92 116L110 136L128 116" stroke="#22C55E" stroke-width="4" stroke-linecap="round"/>
<text x="230" y="108" fill="#0F172A" font-size="52" font-family="Inter, Arial, sans-serif" font-weight="700">vereins.haus</text>
<text x="232" y="146" fill="#475569" font-size="22" font-family="Inter, Arial, sans-serif" font-weight="500">Die einfache Vereins-App</text>
</svg>

After

Width:  |  Height:  |  Size: 879 B