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

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
+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">
<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"/>
<circle r="12" fill="none" stroke="#d97757" stroke-width="1.4"/>
<circle cx="12" cy="0" r="2.3" fill="#b05a2e"/>
<circle cx="-6" cy="10.39" r="2.3" fill="#b05a2e"/>
<circle cx="-6" cy="-10.39" r="2.3" fill="#b05a2e"/>
<circle r="2.8" fill="#b05a2e"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 437 B

After

Width:  |  Height:  |  Size: 437 B

+9 -9
View File
@@ -2,20 +2,20 @@
<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"/>
<stop offset="0" stop-color="#2c2b27"/>
<stop offset="1" stop-color="#1a1714"/>
</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 r="300" fill="none" stroke="#f4d9cd" 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="-150" cy="259.81" r="26" fill="#85B7EB"/>
<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="#d97757"/>
<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"/>
<circle cx="97.5" cy="-168.87" r="21" fill="#d97757"/>
<circle cx="97.5" cy="168.87" r="21" fill="#d97757"/>
<circle r="48" fill="#d97757"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 976 B

After

Width:  |  Height:  |  Size: 976 B

+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">
<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)">
<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"/>
<circle r="76" fill="none" stroke="#52483d" stroke-width="1" opacity="0.7"/>
<circle r="49" fill="none" stroke="#52483d" stroke-width="1" opacity="0.7"/>
<circle cx="76" cy="0" r="6.5" fill="#d97757"/>
<circle cx="-38" cy="65.82" r="6.5" fill="#d97757" opacity="0.75"/>
<circle cx="-38" cy="-65.82" r="6.5" fill="#d97757" opacity="0.75"/>
<circle cx="-49" cy="0" r="5.2" fill="#d97757"/>
<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="#d97757" opacity="0.75"/>
<circle r="12" fill="#d97757"/>
</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>
<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="Tektur, 'Inter', sans-serif" font-size="12" font-weight="400" fill="#8c8276" letter-spacing="5">MDM PLATFORM</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

@@ -2,21 +2,21 @@
<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"/>
<stop offset="0" stop-color="#d97757"/>
<stop offset="1" stop-color="#b05a2e"/>
</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="76" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle r="49" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle cx="76" cy="0" r="6.5" fill="#b05a2e"/>
<circle cx="-38" cy="65.82" r="6.5" fill="#d97757"/>
<circle cx="-38" cy="-65.82" r="6.5" fill="#d97757"/>
<circle cx="-49" cy="0" r="5.2" fill="#b05a2e"/>
<circle cx="24.5" cy="-42.43" r="5.2" fill="#d97757"/>
<circle cx="24.5" cy="42.43" r="5.2" fill="#d97757"/>
<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>
<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="Tektur, 'Inter', sans-serif" font-size="12" font-weight="400" fill="#8a8474" letter-spacing="5">MDM PLATFORM</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

+10 -10
View File
@@ -2,19 +2,19 @@
<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"/>
<stop offset="0" stop-color="#d97757"/>
<stop offset="1" stop-color="#b05a2e"/>
</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="96" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle r="62" fill="none" stroke="#e6e1d4" stroke-width="1.5"/>
<circle cx="96" cy="0" r="8" fill="#b05a2e"/>
<circle cx="-48" cy="83.14" r="8" fill="#d97757"/>
<circle cx="-48" cy="-83.14" r="8" fill="#d97757"/>
<circle cx="-62" cy="0" r="6.4" fill="#b05a2e"/>
<circle cx="31" cy="-53.69" r="6.4" fill="#d97757"/>
<circle cx="31" cy="53.69" r="6.4" fill="#d97757"/>
<circle r="15" fill="url(#core)"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 873 B