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

fix(brand): recolor logo — terracotta accent, no blue (theme-aligned)

Browse Source 
Brand assets из !100 пришли с DeepBlue/SkyBlue colors (design system
prototype). Ordinis app theme uses warm terracotta accent (#d97757 light /
#b05a2e dark) на cream/ink palette. Never blue. Recolored все 5 SVG +
inline Sidebar mark:

- favicon.svg: stroke #d97757, dots/core #b05a2e
- ordinis-mark.svg: orbits #e6e1d4 (line), dots accent gradient terracotta
- ordinis-appicon.svg: dark warm-ink tile (#2c2b27 → #1a1714), accent dots,
  white outer dots for contrast on dark
- ordinis-lockup-light.svg: terracotta orbits + warm-ink wordmark (Tektur)
- ordinis-lockup-dark.svg: warm-dark bg + terracotta accents + cream wordmark
- Sidebar inline svg: currentColor + text-accent, var(--color-line) для
  orbits — автоматически работает в both light + dark themes
- index.html: theme-color/mask-icon → #b05a2e (terracotta dark)

User feedback: 'DeepBlue никакого синего адаптируй под наши темы'.
This commit is contained in:
Zimin A.N.
2026-05-11 23:28:06 +03:00
parent ac5f5bea01
commit 7684e0c9bd
7 changed files with 68 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ordinis-admin-ui/index.html
+2 -2
View File
@@ -5,8 +5,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="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/ordinis-appicon.svg" /> <link rel="apple-touch-icon" href="/ordinis-appicon.svg" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#185FA5" /> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#b05a2e" />
<meta name="theme-color" content="#185FA5" /> <meta name="theme-color" content="#b05a2e" />
<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
+5 -5
View File
@@ -1,10 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<title>Ordinis favicon</title> <title>Ordinis favicon</title>
<g transform="translate(16 16)"> <g transform="translate(16 16)">
<circle r="12" fill="none" stroke="#378ADD" stroke-width="1.4"/> <circle r="12" fill="none" stroke="#d97757" stroke-width="1.4"/>
<circle cx="12" cy="0" r="2.3" fill="#0C447C"/> <circle cx="12" cy="0" r="2.3" fill="#b05a2e"/>
<circle cx="-6" cy="10.39" r="2.3" fill="#0C447C"/> <circle cx="-6" cy="10.39" r="2.3" fill="#b05a2e"/>
<circle cx="-6" cy="-10.39" r="2.3" fill="#0C447C"/> <circle cx="-6" cy="-10.39" r="2.3" fill="#b05a2e"/>
<circle r="2.8" fill="#185FA5"/> <circle r="2.8" fill="#b05a2e"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 437 B

After

Width:  |  Height:  |  Size: 437 B

ordinis-admin-ui/public/ordinis-appicon.svg
+9 -9
View File
@@ -2,20 +2,20 @@
<title>Ordinis — app icon</title> <title>Ordinis — app icon</title>
<defs> <defs>
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1"> <linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#185FA5"/> <stop offset="0" stop-color="#2c2b27"/>
<stop offset="1" stop-color="#042C53"/> <stop offset="1" stop-color="#1a1714"/>
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="1024" height="1024" rx="220" fill="url(#tile)"/> <rect width="1024" height="1024" rx="220" fill="url(#tile)"/>
<g transform="translate(512 512)"> <g transform="translate(512 512)">
<circle r="300" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/> <circle r="300" fill="none" stroke="#f4d9cd" stroke-width="4" opacity="0.5"/>
<circle r="195" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/> <circle r="195" fill="none" stroke="#f4d9cd" stroke-width="4" opacity="0.5"/>
<circle cx="300" cy="0" r="26" fill="#FFFFFF"/> <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="#d97757"/>
<circle cx="-150" cy="-259.81" r="26" fill="#85B7EB"/> <circle cx="-150" cy="-259.81" r="26" fill="#d97757"/>
<circle cx="-195" cy="0" r="21" fill="#FFFFFF"/> <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="#d97757"/>
<circle cx="97.5" cy="168.87" r="21" fill="#85B7EB"/> <circle cx="97.5" cy="168.87" r="21" fill="#d97757"/>
<circle r="48" fill="#FFFFFF"/> <circle r="48" fill="#d97757"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 976 B

After

Width:  |  Height:  |  Size: 976 B

ordinis-admin-ui/public/ordinis-lockup-dark.svg
+12 -12
View File
@@ -1,17 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 200" width="560" height="200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 200" width="560" height="200">
<title>Ordinis MDM — horizontal lockup, dark</title> <title>Ordinis MDM — horizontal lockup, dark</title>
<rect width="560" height="200" fill="#042C53"/> <rect width="560" height="200" fill="#1a1714"/>
<g transform="translate(100 100)"> <g transform="translate(100 100)">
<circle r="76" fill="none" stroke="#85B7EB" stroke-width="1" opacity="0.55"/> <circle r="76" fill="none" stroke="#52483d" stroke-width="1" opacity="0.7"/>
<circle r="49" fill="none" stroke="#85B7EB" stroke-width="1" opacity="0.55"/> <circle r="49" fill="none" stroke="#52483d" stroke-width="1" opacity="0.7"/>
<circle cx="76" cy="0" r="6.5" fill="#FFFFFF"/> <circle cx="76" cy="0" r="6.5" fill="#d97757"/>
<circle cx="-38" cy="65.82" r="6.5" fill="#85B7EB"/> <circle cx="-38" cy="65.82" r="6.5" fill="#d97757" opacity="0.75"/>
<circle cx="-38" cy="-65.82" r="6.5" fill="#85B7EB"/> <circle cx="-38" cy="-65.82" r="6.5" fill="#d97757" opacity="0.75"/>
<circle cx="-49" cy="0" r="5.2" fill="#FFFFFF"/> <circle cx="-49" cy="0" r="5.2" fill="#d97757"/>
<circle cx="24.5" cy="-42.43" r="5.2" fill="#85B7EB"/> <circle cx="24.5" cy="-42.43" r="5.2" fill="#d97757" opacity="0.75"/>
<circle cx="24.5" cy="42.43" r="5.2" fill="#85B7EB"/> <circle cx="24.5" cy="42.43" r="5.2" fill="#d97757" opacity="0.75"/>
<circle r="12" fill="#FFFFFF"/> <circle r="12" fill="#d97757"/>
</g> </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="220" y="108" font-family="Tektur, 'Inter', sans-serif" font-size="52" font-weight="600" fill="#fbf8ee" 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> <text x="222" y="138" font-family="Tektur, 'Inter', sans-serif" font-size="12" font-weight="400" fill="#8c8276" letter-spacing="5">MDM PLATFORM</text>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

ordinis-admin-ui/public/ordinis-lockup-light.svg
+12 -12
View File
@@ -2,21 +2,21 @@
<title>Ordinis MDM — horizontal lockup, light</title> <title>Ordinis MDM — horizontal lockup, light</title>
<defs> <defs>
<linearGradient id="core2" x1="0" y1="0" x2="1" y2="1"> <linearGradient id="core2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#378ADD"/> <stop offset="0" stop-color="#d97757"/>
<stop offset="1" stop-color="#185FA5"/> <stop offset="1" stop-color="#b05a2e"/>
</linearGradient> </linearGradient>
</defs> </defs>
<g transform="translate(100 100)"> <g transform="translate(100 100)">
<circle r="76" fill="none" stroke="#B5D4F4" stroke-width="1.2"/> <circle r="76" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle r="49" fill="none" stroke="#B5D4F4" stroke-width="1.2"/> <circle r="49" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle cx="76" cy="0" r="6.5" fill="#185FA5"/> <circle cx="76" cy="0" r="6.5" fill="#b05a2e"/>
<circle cx="-38" cy="65.82" r="6.5" fill="#378ADD"/> <circle cx="-38" cy="65.82" r="6.5" fill="#d97757"/>
<circle cx="-38" cy="-65.82" r="6.5" fill="#378ADD"/> <circle cx="-38" cy="-65.82" r="6.5" fill="#d97757"/>
<circle cx="-49" cy="0" r="5.2" fill="#185FA5"/> <circle cx="-49" cy="0" r="5.2" fill="#b05a2e"/>
<circle cx="24.5" cy="-42.43" r="5.2" fill="#378ADD"/> <circle cx="24.5" cy="-42.43" r="5.2" fill="#d97757"/>
<circle cx="24.5" cy="42.43" r="5.2" fill="#378ADD"/> <circle cx="24.5" cy="42.43" r="5.2" fill="#d97757"/>
<circle r="12" fill="url(#core2)"/> <circle r="12" fill="url(#core2)"/>
</g> </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="220" y="108" font-family="Tektur, 'Inter', sans-serif" font-size="52" font-weight="600" fill="#2c2b27" 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> <text x="222" y="138" font-family="Tektur, 'Inter', sans-serif" font-size="12" font-weight="400" fill="#8a8474" letter-spacing="5">MDM PLATFORM</text>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

ordinis-admin-ui/public/ordinis-mark.svg
+10 -10
View File
@@ -2,19 +2,19 @@
<title>Ordinis MDM — mark</title> <title>Ordinis MDM — mark</title>
<defs> <defs>
<linearGradient id="core" x1="0" y1="0" x2="1" y2="1"> <linearGradient id="core" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#378ADD"/> <stop offset="0" stop-color="#d97757"/>
<stop offset="1" stop-color="#185FA5"/> <stop offset="1" stop-color="#b05a2e"/>
</linearGradient> </linearGradient>
</defs> </defs>
<g transform="translate(128 128)"> <g transform="translate(128 128)">
<circle r="96" fill="none" stroke="#B5D4F4" stroke-width="1.2"/> <circle r="96" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle r="62" fill="none" stroke="#B5D4F4" stroke-width="1.2"/> <circle r="62" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle cx="96" cy="0" r="8" fill="#185FA5"/> <circle cx="96" cy="0" r="8" fill="#b05a2e"/>
<circle cx="-48" cy="83.14" r="8" fill="#378ADD"/> <circle cx="-48" cy="83.14" r="8" fill="#d97757"/>
<circle cx="-48" cy="-83.14" r="8" fill="#378ADD"/> <circle cx="-48" cy="-83.14" r="8" fill="#d97757"/>
<circle cx="-62" cy="0" r="6.4" fill="#185FA5"/> <circle cx="-62" cy="0" r="6.4" fill="#b05a2e"/>
<circle cx="31" cy="-53.69" r="6.4" fill="#378ADD"/> <circle cx="31" cy="-53.69" r="6.4" fill="#d97757"/>
<circle cx="31" cy="53.69" r="6.4" fill="#378ADD"/> <circle cx="31" cy="53.69" r="6.4" fill="#d97757"/>
<circle r="15" fill="url(#core)"/> <circle r="15" fill="url(#core)"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 873 B

ordinis-admin-ui/src/components/layout/Sidebar.tsx
+18 -19
View File
@@ -175,9 +175,10 @@ function SidebarContent({
onClick={onNavigate} onClick={onNavigate}
title="ORDINIS MDM" title="ORDINIS MDM"
> >
{/* Ordinis mark — official brand asset (public/ordinis-mark.svg). {/* Ordinis mark — orbital structure из brand spec, recolored под
Двойные орбиты + 6 dots + gradient core (DeepBlue → SkyBlue). Ordinis terracotta palette. Никакого синего — accent (terracotta)
Asset из Downloads/files делёный design team 2026-05-11. */} для dots + core, line (cream) для outer orbits. Theme-aware:
CSS vars резолвят свой цвет per light/dark. */}
<svg <svg
width="26" width="26"
height="26" height="26"
@@ -185,24 +186,22 @@ function SidebarContent({
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
aria-hidden aria-hidden
className="shrink-0" className="shrink-0 text-accent"
> >
<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)"> <g transform="translate(128 128)">
<circle r="96" fill="none" stroke="#B5D4F4" strokeWidth="1.2" /> {/* Outer orbits — мягкие, line tone */}
<circle r="62" fill="none" stroke="#B5D4F4" strokeWidth="1.2" /> <circle r="96" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
<circle cx="96" cy="0" r="8" fill="#185FA5" /> <circle r="62" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
<circle cx="-48" cy="83.14" r="8" fill="#378ADD" /> {/* Outer orbit dots (3) — accent solid */}
<circle cx="-48" cy="-83.14" r="8" fill="#378ADD" /> <circle cx="96" cy="0" r="8" fill="currentColor" />
<circle cx="-62" cy="0" r="6.4" fill="#185FA5" /> <circle cx="-48" cy="83.14" r="8" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="-53.69" r="6.4" fill="#378ADD" /> <circle cx="-48" cy="-83.14" r="8" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="6.4" fill="#378ADD" /> {/* Inner orbit dots (3) — accent slightly softer */}
<circle r="15" fill="url(#ord-sidebar-core)" /> <circle cx="-62" cy="0" r="6.4" fill="currentColor" />
<circle cx="31" cy="-53.69" r="6.4" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="6.4" fill="currentColor" opacity="0.7" />
{/* Core — solid accent */}
<circle r="15" fill="currentColor" />
</g> </g>
</svg> </svg>
{!collapsed && ( {!collapsed && (