Oliver/semblance-dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add SVG favicon and update page title to Semblance

Browse source 
- favicon.svg: indigo/purple gradient rounded square with 3 persona silhouettes (focus group concept)
- index.html: link SVG favicon (with ICO fallback), set title to Semblance

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Vadym Samoilenko 2026-03-23 16:47:59 +00:00
parent 1b387daacf
commit f0876649e0
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -3,7 +3,9 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>synthetic-society</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<title>Semblance</title>
<meta name="description" content="Lovable Generated Project" />
<meta name="author" content="Lovable" />
<meta property="og:image" content="/og-image.png" />

24
public/favicon.svg Normal file
View file

@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<defs>
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#6366f1"/>
<stop offset="100%" stop-color="#8b5cf6"/>
</linearGradient>
<linearGradient id="fg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="1"/>
<stop offset="100%" stop-color="#e0e7ff" stop-opacity="0.9"/>
</linearGradient>
</defs>
<!-- Rounded square background -->
<rect width="32" height="32" rx="7" fill="url(#bg)"/>
<!-- Three personas/people circles — focus group concept -->
<!-- Top person -->
<circle cx="16" cy="8.5" r="3" fill="url(#fg)" opacity="0.95"/>
<path d="M10.5 17.5 Q10.5 13 16 13 Q21.5 13 21.5 17.5" stroke="white" stroke-width="1.8" fill="none" stroke-linecap="round" opacity="0.95"/>
<!-- Bottom-left person -->
<circle cx="9" cy="21" r="2.2" fill="url(#fg)" opacity="0.75"/>
<path d="M5 27.5 Q5 24 9 24 Q13 24 13 27.5" stroke="white" stroke-width="1.5" fill="none" stroke-linecap="round" opacity="0.75"/>
<!-- Bottom-right person -->
<circle cx="23" cy="21" r="2.2" fill="url(#fg)" opacity="0.75"/>
<path d="M19 27.5 Q19 24 23 24 Q27 24 27 27.5" stroke="white" stroke-width="1.5" fill="none" stroke-linecap="round" opacity="0.75"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB