feat(brand): adopt official Ordinis logo assets
Делёные design team 2026-05-11 в Downloads/files:
- ordinis-mark.svg — двойные орбиты + 6 dots + gradient core
(DeepBlue #185FA5 → SkyBlue #378ADD), brand spec
- ordinis-favicon.svg — minimal 32px variant
- ordinis-appicon.svg — 1024px PWA icon с dark rounded tile
- ordinis-lockup-light/dark.svg — horizontal lockup с wordmark
(для landing/splash/marketing — пока не используется но
хранится в public для future use)
Changes:
- public/favicon.svg → minimal 32px variant
- Sidebar logo block: inline ordinis-mark с двойными орбитами +
gradient core. Wordmark 'ORDINIS MDM' остаётся в Tektur.
- index.html: theme-color #185FA5 (был #120a8f), apple-touch-icon
link на appicon, mask-icon color match.
Note: SVG colors hardcoded в Sidebar inline для full design fidelity
(brand assets specifically defined gradient). currentColor не подходит
т.к. brand требует точные DeepBlue/SkyBlue/LightBlue tokens.
This commit is contained in:
Zimin A.N.
@@ -4,8 +4,9 @@
|
||||
<meta charset="UTF-8" />
|
||||
<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" />
|
||||
<link rel="apple-touch-icon" href="/ordinis-appicon.svg" />
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#185FA5" />
|
||||
<meta name="theme-color" content="#185FA5" />
|
||||
<title>Ordinis Admin</title>
|
||||
</head>
|
||||
<body class="bg-zinc-50 text-zinc-900">
|
||||
|
||||
@@ -1,11 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="32" height="32">
|
||||
<!-- Brand mark v2 (handoff redesign): rounded-square в navy/coffee tone +
|
||||
gold знак из logo-ujcvk01-dark-gold.svg. Цвета matched к --color-navy
|
||||
и --color-warn handoff palette — при 16×16 в browser tab остаётся
|
||||
читаемым на light и dark backgrounds. -->
|
||||
<rect width="200" height="200" rx="36" ry="36" fill="#3a2818"/>
|
||||
<g fill="#d4a653" transform="matrix(.085 0 0 -.085 7.55 192.45)">
|
||||
<path d="m950 1292v-512h65 65l2 266 3 265 183-327 183-328-3-60-3-59-175-108c-96-59-178-108-182-108-5-1-8 80-8 179v180h-65-65v-295c0-162 2-295 5-295 2 0 143 85 312 188l308 189 3 109 3 109-307 550c-168 303-310 554-315 560-5 5-9-193-9-503z"/>
|
||||
<path d="m577 1238-308-552 3-110 3-109 308-189c169-103 310-188 312-188 3 0 4 132 3 293l-3 292-62 3-63 3v-181c0-99-3-180-7-180-5 0-87 49-183 108l-175 108-3 61-3 61 183 328 183 328 3-267 2-268 63 3 62 3 3 503c1 276-1 502-6 502-4 0-146-248-315-552z"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
|
||||
<title>Ordinis favicon</title>
|
||||
<g transform="translate(16 16)">
|
||||
<circle r="12" fill="none" stroke="#378ADD" stroke-width="1.4"/>
|
||||
<circle cx="12" cy="0" r="2.3" fill="#0C447C"/>
|
||||
<circle cx="-6" cy="10.39" r="2.3" fill="#0C447C"/>
|
||||
<circle cx="-6" cy="-10.39" r="2.3" fill="#0C447C"/>
|
||||
<circle r="2.8" fill="#185FA5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 437 B |
@@ -0,0 +1,21 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024">
|
||||
<title>Ordinis — app icon</title>
|
||||
<defs>
|
||||
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0" stop-color="#185FA5"/>
|
||||
<stop offset="1" stop-color="#042C53"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1024" height="1024" rx="220" fill="url(#tile)"/>
|
||||
<g transform="translate(512 512)">
|
||||
<circle r="300" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/>
|
||||
<circle r="195" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/>
|
||||
<circle cx="300" cy="0" r="26" fill="#FFFFFF"/>
|
||||
<circle cx="-150" cy="259.81" r="26" fill="#85B7EB"/>
|
||||
<circle cx="-150" cy="-259.81" r="26" fill="#85B7EB"/>
|
||||
<circle cx="-195" cy="0" r="21" fill="#FFFFFF"/>
|
||||
<circle cx="97.5" cy="-168.87" r="21" fill="#85B7EB"/>
|
||||
<circle cx="97.5" cy="168.87" r="21" fill="#85B7EB"/>
|
||||
<circle r="48" fill="#FFFFFF"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 976 B |
@@ -0,0 +1,17 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 200" width="560" height="200">
|
||||
<title>Ordinis MDM — horizontal lockup, dark</title>
|
||||
<rect width="560" height="200" fill="#042C53"/>
|
||||
<g transform="translate(100 100)">
|
||||
<circle r="76" fill="none" stroke="#85B7EB" stroke-width="1" opacity="0.55"/>
|
||||
<circle r="49" fill="none" stroke="#85B7EB" stroke-width="1" opacity="0.55"/>
|
||||
<circle cx="76" cy="0" r="6.5" fill="#FFFFFF"/>
|
||||
<circle cx="-38" cy="65.82" r="6.5" fill="#85B7EB"/>
|
||||
<circle cx="-38" cy="-65.82" r="6.5" fill="#85B7EB"/>
|
||||
<circle cx="-49" cy="0" r="5.2" fill="#FFFFFF"/>
|
||||
<circle cx="24.5" cy="-42.43" r="5.2" fill="#85B7EB"/>
|
||||
<circle cx="24.5" cy="42.43" r="5.2" fill="#85B7EB"/>
|
||||
<circle r="12" fill="#FFFFFF"/>
|
||||
</g>
|
||||
<text x="220" y="108" font-family="Inter, 'Helvetica Neue', Arial, sans-serif" font-size="52" font-weight="500" fill="#FFFFFF" letter-spacing="1">Ordinis</text>
|
||||
<text x="222" y="138" font-family="Inter, 'Helvetica Neue', Arial, sans-serif" font-size="12" font-weight="400" fill="#85B7EB" letter-spacing="5">MDM PLATFORM</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,22 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 200" width="560" height="200">
|
||||
<title>Ordinis MDM — horizontal lockup, light</title>
|
||||
<defs>
|
||||
<linearGradient id="core2" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#378ADD"/>
|
||||
<stop offset="1" stop-color="#185FA5"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="translate(100 100)">
|
||||
<circle r="76" fill="none" stroke="#B5D4F4" stroke-width="1.2"/>
|
||||
<circle r="49" fill="none" stroke="#B5D4F4" stroke-width="1.2"/>
|
||||
<circle cx="76" cy="0" r="6.5" fill="#185FA5"/>
|
||||
<circle cx="-38" cy="65.82" r="6.5" fill="#378ADD"/>
|
||||
<circle cx="-38" cy="-65.82" r="6.5" fill="#378ADD"/>
|
||||
<circle cx="-49" cy="0" r="5.2" fill="#185FA5"/>
|
||||
<circle cx="24.5" cy="-42.43" r="5.2" fill="#378ADD"/>
|
||||
<circle cx="24.5" cy="42.43" r="5.2" fill="#378ADD"/>
|
||||
<circle r="12" fill="url(#core2)"/>
|
||||
</g>
|
||||
<text x="220" y="108" font-family="Inter, 'Helvetica Neue', Arial, sans-serif" font-size="52" font-weight="500" fill="#0C447C" letter-spacing="1">Ordinis</text>
|
||||
<text x="222" y="138" font-family="Inter, 'Helvetica Neue', Arial, sans-serif" font-size="12" font-weight="400" fill="#888780" letter-spacing="5">MDM PLATFORM</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,20 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
|
||||
<title>Ordinis MDM — mark</title>
|
||||
<defs>
|
||||
<linearGradient id="core" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#378ADD"/>
|
||||
<stop offset="1" stop-color="#185FA5"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="translate(128 128)">
|
||||
<circle r="96" fill="none" stroke="#B5D4F4" stroke-width="1.2"/>
|
||||
<circle r="62" fill="none" stroke="#B5D4F4" stroke-width="1.2"/>
|
||||
<circle cx="96" cy="0" r="8" fill="#185FA5"/>
|
||||
<circle cx="-48" cy="83.14" r="8" fill="#378ADD"/>
|
||||
<circle cx="-48" cy="-83.14" r="8" fill="#378ADD"/>
|
||||
<circle cx="-62" cy="0" r="6.4" fill="#185FA5"/>
|
||||
<circle cx="31" cy="-53.69" r="6.4" fill="#378ADD"/>
|
||||
<circle cx="31" cy="53.69" r="6.4" fill="#378ADD"/>
|
||||
<circle r="15" fill="url(#core)"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 873 B |
@@ -175,20 +175,35 @@ function SidebarContent({
|
||||
onClick={onNavigate}
|
||||
title="ORDINIS MDM"
|
||||
>
|
||||
{/* Brand orbit icon per redesign/ui-kit.html .brand SVG:
|
||||
outer ring r=13 + inner faded ring r=6 + orbit dot offset right cx=22.5. */}
|
||||
{/* Ordinis mark — official brand asset (public/ordinis-mark.svg).
|
||||
Двойные орбиты + 6 dots + gradient core (DeepBlue → SkyBlue).
|
||||
Asset из Downloads/files делёный design team 2026-05-11. */}
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 32 32"
|
||||
width="26"
|
||||
height="26"
|
||||
viewBox="0 0 256 256"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden
|
||||
className="shrink-0 text-accent"
|
||||
className="shrink-0"
|
||||
>
|
||||
<circle cx="16" cy="16" r="13" stroke="currentColor" strokeWidth="1.6" />
|
||||
<circle cx="16" cy="16" r="6" stroke="currentColor" strokeWidth="1" opacity="0.45" />
|
||||
<circle cx="22.5" cy="16" r="2.2" fill="currentColor" />
|
||||
<defs>
|
||||
<linearGradient id="ord-sidebar-core" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stopColor="#378ADD" />
|
||||
<stop offset="1" stopColor="#185FA5" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g transform="translate(128 128)">
|
||||
<circle r="96" fill="none" stroke="#B5D4F4" strokeWidth="1.2" />
|
||||
<circle r="62" fill="none" stroke="#B5D4F4" strokeWidth="1.2" />
|
||||
<circle cx="96" cy="0" r="8" fill="#185FA5" />
|
||||
<circle cx="-48" cy="83.14" r="8" fill="#378ADD" />
|
||||
<circle cx="-48" cy="-83.14" r="8" fill="#378ADD" />
|
||||
<circle cx="-62" cy="0" r="6.4" fill="#185FA5" />
|
||||
<circle cx="31" cy="-53.69" r="6.4" fill="#378ADD" />
|
||||
<circle cx="31" cy="53.69" r="6.4" fill="#378ADD" />
|
||||
<circle r="15" fill="url(#ord-sidebar-core)" />
|
||||
</g>
|
||||
</svg>
|
||||
{!collapsed && (
|
||||
<span className="font-display text-[15px] font-semibold leading-none tracking-[0.22em] text-ink inline-flex items-baseline gap-1.5">
|
||||
|
||||
Reference in New Issue
Block a user