ivan-igorevich/mdm-ordinis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): favicon — Ordinis 'O' + спутник на орбите, brand ultramarain

Browse Source 
Раньше browser tab показывал default favicon (белый круг или
generic). Теперь:
- favicon.svg — rounded ultramarain (#120a8f) tile + белая 'O'
  кольцом (Ordinis = order, latin) + маленькая точка-спутник на
  орбите (связь с ДЗЗ-доменом ЦУОД). SVG масштабируется на retina
  + tab + bookmark без потери качества.
- safari-pinned-tab.svg — monochrome mask icon, Safari заливает
  theme-color при pinned tab.
- meta theme-color = brand ultramarain — Chrome/Edge address bar
  на mobile получит brand цвет, Safari iOS standalone PWA тоже.

Без apple-touch-icon PNG — admin tool не используется как
homescreen install, ROI не оправдывает PNG generation pipeline.
SVG favicon работает на iOS 17+ для Safari.
This commit is contained in:
Zimin A.N.
2026-05-06 20:44:41 +03:00
parent 2e3f2ddd16
commit 4ae6dc3863
3 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ordinis-admin-ui/index.html
+3
View File
@@ -3,6 +3,9 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#120a8f" />
<meta name="theme-color" content="#120a8f" />
<title>Ordinis Admin — НСИ ЦУОД</title> <title>Ordinis Admin — НСИ ЦУОД</title>
</head> </head>
<body class="bg-zinc-50 text-zinc-900"> <body class="bg-zinc-50 text-zinc-900">
ordinis-admin-ui/public/favicon.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<!-- Background: rounded square в brand ultramarain. Tailwind rounded-sm = 2px → ratio 2/32 = 6.25% → r=2 для viewBox 32. -->
<rect width="32" height="32" rx="6" ry="6" fill="#120a8f"/>
<!-- 'O' — Ordinis. Stroke-only (open ring), match'ит open design system без heavy fills. -->
<circle cx="16" cy="16" r="7.5" fill="none" stroke="#ffffff" stroke-width="2.5"/>
<!-- Спутник: маленький точка на орбите вокруг 'O'. Связь с ДЗЗ-доменом. -->
<circle cx="25.5" cy="9.5" r="1.7" fill="#ffffff"/>
<!-- Orbit trace: тонкая дуга через спутник, opacity 0.35 чтобы не доминировала. -->
<path d="M 8 24 Q 16 30 26 22" fill="none" stroke="#ffffff" stroke-width="0.7" stroke-linecap="round" opacity="0.35"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 909 B

ordinis-admin-ui/public/safari-pinned-tab.svg
+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<!-- Mask icon: только black on transparent, Safari заливает theme-color. -->
<circle cx="16" cy="16" r="7.5" fill="none" stroke="black" stroke-width="2.5"/>
<circle cx="25.5" cy="9.5" r="1.7" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 319 B