feat(brand): новый логотип food-market wordmark + apple mark
Some checks are pending
CI / POS (WPF, Windows) (push) Waiting to run
CI / Backend (.NET 8) (push) Successful in 1m23s
CI / Web (React + Vite) (push) Successful in 38s
Docker Public / Build + push Public (push) Successful in 28s
Docker Web / Build + push Web (push) Successful in 33s
Docker Public / Deploy Public on stage (push) Successful in 10s
Docker Web / Deploy Web on stage (push) Successful in 11s
Источник — assets/brand/food-market-source.svg (1080x1080, FOOD #0DB70D
с яблоком вместо O, MARKET #4C4F54). Из source извлечены векторные
пути (Adobe-preview PNG-image теги вырезаны), собраны три варианта,
оптимизированы svgo.
Варианты в public/ обоих пакетов (food-market.web, food-market.public):
- logo.svg (2.1 KB) — full wordmark для светлого фона
- logo-light.svg (2.1 KB) — full wordmark белым (для тёмного фона)
- favicon.svg (1.0 KB) — mark-only: яблоко в зелёном круге,
читается с 16px (Astro favicon, web favicon)
Дополнительно (PWA maskable, food-market.web):
- logo-bg.svg (140 B) — solid #0DB70D 456x456 фон
- logo-fg.svg (1.0 KB) — белое яблоко на прозрачном, в safe-zone
Logo-компоненты переписаны:
- Logo.tsx (web) — было div+span с FOOD/MARKET буквами; теперь
<img src=/logo.svg|/logo-light.svg /> с одним пропом variant.
Сохранён API: variant=light|dark, className.
- Logo.astro (public) — то же; добавил пропс class для override-а.
Header.astro public-пакета использует <Logo />, не содержит
hardcoded текста — менять не нужно.
Все файлы под 2.2 KB после svgo.
|
|
@ -1 +1 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="12" fill="#00B207"/><text x="32" y="44" font-family="Inter,system-ui,sans-serif" font-weight="900" font-size="28" fill="#fff" text-anchor="middle">FM</text></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#0db70d"/><path fill="#fff" d="M151.502 63.812c-.696 8.388-4.884 22.242-24.528 25.38a1.515 1.515 0 0 1-1.752-1.464c-.12-5.424.636-22.29 14.166-27.69a72.5 72.5 0 0 0-15.084-1.572c-38.118 0-67.35 28.866-67.35 66.978s29.232 66.978 67.35 66.978 67.536-28.866 67.536-66.978c0-28.362-16.296-51.6-40.338-61.632m-44.91 8.964c.072-.81.216-1.614.432-2.4 0-.012.006-.018.006-.03.414-1.554 2.058-2.448 3.57-1.908 5.004 1.782 13.362 6.756 11.724 19.83a.97.97 0 0 1-1.212.816c-3.66-.978-15.504-5.022-14.52-16.308m62.688 68.94c-10.392 23.712-22.776 28.764-29.592 30.882-2.178.678-5.568.612-7.704-.192-2.616-.738-5.034-1.536-7.59-1.602-2.556.066-4.974.858-7.59 1.602-2.136.804-5.52.87-7.704.192-6.816-2.118-19.2-7.17-29.592-30.882 0 0-13.74-33.402 9.402-48.552 0 0 12.822-8.61 27.834.57l1.35.744a13.04 13.04 0 0 0 12.588 0l1.35-.744c15.012-9.186 27.834-.57 27.834-.57 23.154 15.15 9.414 48.552 9.414 48.552"/></svg>
|
||||||
|
Before Width: | Height: | Size: 256 B After Width: | Height: | Size: 1 KiB |
1
src/food-market.public/public/logo-light.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="80 340 920 440"><path fill="#fff" d="M137.8 389.76v45.33h92.51v41.94H137.8v86.65H93.7V347.82h144.94v41.94zM496.44 455.75c0 63.53-49.03 111.63-112.56 111.63s-112.25-48.11-112.25-111.63 48.72-111.63 112.25-111.63 112.56 48.1 112.56 111.63m-180.4 0c0 40.4 28.99 69.69 67.84 69.69s67.84-29.3 67.84-69.69-28.99-69.69-67.84-69.69-67.84 29.29-67.84 69.69M989.22 455.75c0 61.68-47.49 107.93-110.4 107.93H800.8V347.82h78.02c62.91 0 110.4 45.94 110.4 107.93m-44.1 0c0-38.86-27.45-65.99-66.3-65.99H844.9v131.99h33.92c38.86-.01 66.3-27.15 66.3-66M689.17 353.02c-1.16 13.98-8.14 37.07-40.88 42.3-1.51.24-2.89-.91-2.92-2.44-.2-9.04 1.06-37.15 23.61-46.15-8.05-1.71-16.46-2.62-25.14-2.62-63.53 0-112.25 48.11-112.25 111.63s48.72 111.63 112.25 111.63S756.4 519.26 756.4 455.74c0-47.27-27.16-86-67.23-102.72m-74.85 14.94c.12-1.35.36-2.69.72-4 0-.02.01-.03.01-.05.69-2.59 3.43-4.08 5.95-3.18 8.34 2.97 22.27 11.26 19.54 33.05-.12.97-1.08 1.62-2.02 1.36-6.1-1.63-25.84-8.37-24.2-27.18m104.48 114.9c-17.32 39.52-37.96 47.94-49.32 51.47-3.63 1.13-9.28 1.02-12.84-.32-4.36-1.23-8.39-2.56-12.65-2.67-4.26.11-8.29 1.43-12.65 2.67-3.56 1.34-9.2 1.45-12.84.32-11.36-3.53-32-11.95-49.32-51.47 0 0-22.9-55.67 15.67-80.92 0 0 21.37-14.35 46.39.95l2.25 1.24a21.74 21.74 0 0 0 20.98 0l2.25-1.24c25.02-15.31 46.39-.95 46.39-.95 38.59 25.25 15.69 80.92 15.69 80.92M237.16 621.13v149.09H206.7V663.31l-41.53 62.83h-2.77l-41.32-62.83v106.92H90.63v-149.1h34.93l38.34 57.29 38.12-57.29zM369.22 735.08h-60.27l-12.78 35.14h-32.16l55.8-149.09h38.55l55.8 149.09h-32.37zm-10.65-28.96-19.59-54.1-19.59 54.1zM488.49 716.55h-16.83v53.67H441.2V621.13h64.11c31.95 0 50.9 18.96 50.9 48.56 0 24.28-12.57 39.19-33.44 44.51l41.74 56.01h-37.48zm-16.83-26.62h30.24c15.97 0 23.43-7.67 23.43-19.81 0-12.35-7.67-20.02-23.43-20.02h-30.24zM677.83 770.22l-56.01-69.65v69.65h-30.46V621.13h30.46v66.02l53.03-66.02h37.7l-58.57 72.2 61.98 76.89zM773.46 650.1v30.03h63.89v28.97h-63.89v32.16h69.65v28.97h-100.1v-149.1h100.1v28.97zM978.36 650.1h-43.02v120.12h-30.46V650.1h-42.81v-28.97h116.29z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
1
src/food-market.public/public/logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="80 340 920 440"><path fill="#0db70d" d="M137.8 389.76v45.33h92.51v41.94H137.8v86.65H93.7V347.82h144.94v41.94zM496.44 455.75c0 63.53-49.03 111.63-112.56 111.63s-112.25-48.11-112.25-111.63 48.72-111.63 112.25-111.63 112.56 48.1 112.56 111.63m-180.4 0c0 40.4 28.99 69.69 67.84 69.69s67.84-29.3 67.84-69.69-28.99-69.69-67.84-69.69-67.84 29.29-67.84 69.69M989.22 455.75c0 61.68-47.49 107.93-110.4 107.93H800.8V347.82h78.02c62.91 0 110.4 45.94 110.4 107.93m-44.1 0c0-38.86-27.45-65.99-66.3-65.99H844.9v131.99h33.92c38.86-.01 66.3-27.15 66.3-66M689.17 353.02c-1.16 13.98-8.14 37.07-40.88 42.3-1.51.24-2.89-.91-2.92-2.44-.2-9.04 1.06-37.15 23.61-46.15-8.05-1.71-16.46-2.62-25.14-2.62-63.53 0-112.25 48.11-112.25 111.63s48.72 111.63 112.25 111.63S756.4 519.26 756.4 455.74c0-47.27-27.16-86-67.23-102.72m-74.85 14.94c.12-1.35.36-2.69.72-4 0-.02.01-.03.01-.05.69-2.59 3.43-4.08 5.95-3.18 8.34 2.97 22.27 11.26 19.54 33.05-.12.97-1.08 1.62-2.02 1.36-6.1-1.63-25.84-8.37-24.2-27.18m104.48 114.9c-17.32 39.52-37.96 47.94-49.32 51.47-3.63 1.13-9.28 1.02-12.84-.32-4.36-1.23-8.39-2.56-12.65-2.67-4.26.11-8.29 1.43-12.65 2.67-3.56 1.34-9.2 1.45-12.84.32-11.36-3.53-32-11.95-49.32-51.47 0 0-22.9-55.67 15.67-80.92 0 0 21.37-14.35 46.39.95l2.25 1.24a21.74 21.74 0 0 0 20.98 0l2.25-1.24c25.02-15.31 46.39-.95 46.39-.95 38.59 25.25 15.69 80.92 15.69 80.92"/><path fill="#4c4f54" d="M237.16 621.13v149.09H206.7V663.31l-41.53 62.83h-2.77l-41.32-62.83v106.92H90.63v-149.1h34.93l38.34 57.29 38.12-57.29zM369.22 735.08h-60.27l-12.78 35.14h-32.16l55.8-149.09h38.55l55.8 149.09h-32.37zm-10.65-28.96-19.59-54.1-19.59 54.1zM488.49 716.55h-16.83v53.67H441.2V621.13h64.11c31.95 0 50.9 18.96 50.9 48.56 0 24.28-12.57 39.19-33.44 44.51l41.74 56.01h-37.48zm-16.83-26.62h30.24c15.97 0 23.43-7.67 23.43-19.81 0-12.35-7.67-20.02-23.43-20.02h-30.24zM677.83 770.22l-56.01-69.65v69.65h-30.46V621.13h30.46v66.02l53.03-66.02h37.7l-58.57 72.2 61.98 76.89zM773.46 650.1v30.03h63.89v28.97h-63.89v32.16h69.65v28.97h-100.1v-149.1h100.1v28.97zM978.36 650.1h-43.02v120.12h-30.46V650.1h-42.81v-28.97h116.29z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -1,9 +1,6 @@
|
||||||
---
|
---
|
||||||
interface Props { variant?: 'light' | 'dark' }
|
interface Props { variant?: 'light' | 'dark'; class?: string }
|
||||||
const { variant = 'light' } = Astro.props
|
const { variant = 'light', class: className = '' } = Astro.props
|
||||||
const isDark = variant === 'dark'
|
const src = variant === 'dark' ? '/logo-light.svg' : '/logo.svg'
|
||||||
---
|
---
|
||||||
<div class="inline-flex flex-col leading-none select-none">
|
<img src={src} alt="Food Market" class={`h-7 w-auto select-none ${className}`} draggable="false" />
|
||||||
<span class={`font-black tracking-[0.08em] text-base ${isDark ? 'text-slate-50' : 'text-slate-900'}`}>FOOD</span>
|
|
||||||
<span class="font-black text-[11px] tracking-[0.24em] mt-0.5" style={`color: ${isDark ? '#34D399' : '#00B207'}`}>MARKET</span>
|
|
||||||
</div>
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#0db70d"/><path fill="#fff" d="M151.502 63.812c-.696 8.388-4.884 22.242-24.528 25.38a1.515 1.515 0 0 1-1.752-1.464c-.12-5.424.636-22.29 14.166-27.69a72.5 72.5 0 0 0-15.084-1.572c-38.118 0-67.35 28.866-67.35 66.978s29.232 66.978 67.35 66.978 67.536-28.866 67.536-66.978c0-28.362-16.296-51.6-40.338-61.632m-44.91 8.964c.072-.81.216-1.614.432-2.4 0-.012.006-.018.006-.03.414-1.554 2.058-2.448 3.57-1.908 5.004 1.782 13.362 6.756 11.724 19.83a.97.97 0 0 1-1.212.816c-3.66-.978-15.504-5.022-14.52-16.308m62.688 68.94c-10.392 23.712-22.776 28.764-29.592 30.882-2.178.678-5.568.612-7.704-.192-2.616-.738-5.034-1.536-7.59-1.602-2.556.066-4.974.858-7.59 1.602-2.136.804-5.52.87-7.704.192-6.816-2.118-19.2-7.17-29.592-30.882 0 0-13.74-33.402 9.402-48.552 0 0 12.822-8.61 27.834.57l1.35.744a13.04 13.04 0 0 0 12.588 0l1.35-.744c15.012-9.186 27.834-.57 27.834-.57 23.154 15.15 9.414 48.552 9.414 48.552"/></svg>
|
||||||
<rect width="64" height="64" rx="12" fill="#00B207"/>
|
|
||||||
<g font-family="system-ui, Helvetica, Arial, sans-serif" font-weight="900" fill="#FFFFFF" text-anchor="middle">
|
|
||||||
<text x="32" y="32" font-size="16">FOOD</text>
|
|
||||||
<text x="32" y="48" font-size="11" fill="#E8F5E9">MARKET</text>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 387 B After Width: | Height: | Size: 1 KiB |
|
|
@ -1,4 +1 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 456 456" width="456" height="456"><rect width="456" height="456" fill="#0DB70D"/></svg>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="0 0 456 456">
|
|
||||||
<rect width="456" height="456" fill="#00B207"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 186 B After Width: | Height: | Size: 140 B |
|
|
@ -1,7 +1 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="0 0 456 456"><path fill="#fff" d="M269.183 115.906c-1.213 14.609-8.507 38.738-42.72 44.203a2.638 2.638 0 0 1-3.051-2.55c-.21-9.446 1.107-38.821 24.672-48.226a126.3 126.3 0 0 0-26.271-2.738c-66.39 0-117.301 50.275-117.301 116.653s50.912 116.654 117.3 116.654c66.39 0 117.626-50.275 117.626-116.654 0-49.397-28.382-89.87-70.255-107.342m-78.219 15.612c.126-1.41.377-2.81.753-4.18 0-.02.01-.031.01-.052.721-2.707 3.585-4.264 6.218-3.323 8.715 3.103 23.272 11.767 20.42 34.537-.126 1.014-1.13 1.693-2.112 1.421-6.374-1.703-27.002-8.746-25.289-28.403m109.182 120.07c-18.1 41.3-39.668 50.098-51.54 53.787-3.793 1.18-9.697 1.066-13.417-.335-4.556-1.285-8.768-2.675-13.22-2.79-4.451.115-8.663 1.495-13.219 2.79-3.72 1.4-9.614 1.516-13.418.335-11.87-3.689-33.44-12.488-51.539-53.786 0 0-23.93-58.175 16.375-84.562 0 0 22.332-14.995 48.478.993l2.351 1.296a22.72 22.72 0 0 0 21.924 0l2.351-1.296c26.146-15.999 48.478-.993 48.478-.993 40.327 26.387 16.396 84.562 16.396 84.562"/></svg>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="456" viewBox="0 0 456 456">
|
|
||||||
<g font-family="Arial, Helvetica, sans-serif" font-weight="900" fill="#FFFFFF" text-anchor="middle">
|
|
||||||
<text x="228" y="220" font-size="92" letter-spacing="4">FOOD</text>
|
|
||||||
<text x="228" y="306" font-size="64" letter-spacing="6" fill="#E8F5E9">MARKET</text>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 417 B After Width: | Height: | Size: 1 KiB |
1
src/food-market.web/public/logo-light.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="80 340 920 440"><path fill="#fff" d="M137.8 389.76v45.33h92.51v41.94H137.8v86.65H93.7V347.82h144.94v41.94zM496.44 455.75c0 63.53-49.03 111.63-112.56 111.63s-112.25-48.11-112.25-111.63 48.72-111.63 112.25-111.63 112.56 48.1 112.56 111.63m-180.4 0c0 40.4 28.99 69.69 67.84 69.69s67.84-29.3 67.84-69.69-28.99-69.69-67.84-69.69-67.84 29.29-67.84 69.69M989.22 455.75c0 61.68-47.49 107.93-110.4 107.93H800.8V347.82h78.02c62.91 0 110.4 45.94 110.4 107.93m-44.1 0c0-38.86-27.45-65.99-66.3-65.99H844.9v131.99h33.92c38.86-.01 66.3-27.15 66.3-66M689.17 353.02c-1.16 13.98-8.14 37.07-40.88 42.3-1.51.24-2.89-.91-2.92-2.44-.2-9.04 1.06-37.15 23.61-46.15-8.05-1.71-16.46-2.62-25.14-2.62-63.53 0-112.25 48.11-112.25 111.63s48.72 111.63 112.25 111.63S756.4 519.26 756.4 455.74c0-47.27-27.16-86-67.23-102.72m-74.85 14.94c.12-1.35.36-2.69.72-4 0-.02.01-.03.01-.05.69-2.59 3.43-4.08 5.95-3.18 8.34 2.97 22.27 11.26 19.54 33.05-.12.97-1.08 1.62-2.02 1.36-6.1-1.63-25.84-8.37-24.2-27.18m104.48 114.9c-17.32 39.52-37.96 47.94-49.32 51.47-3.63 1.13-9.28 1.02-12.84-.32-4.36-1.23-8.39-2.56-12.65-2.67-4.26.11-8.29 1.43-12.65 2.67-3.56 1.34-9.2 1.45-12.84.32-11.36-3.53-32-11.95-49.32-51.47 0 0-22.9-55.67 15.67-80.92 0 0 21.37-14.35 46.39.95l2.25 1.24a21.74 21.74 0 0 0 20.98 0l2.25-1.24c25.02-15.31 46.39-.95 46.39-.95 38.59 25.25 15.69 80.92 15.69 80.92M237.16 621.13v149.09H206.7V663.31l-41.53 62.83h-2.77l-41.32-62.83v106.92H90.63v-149.1h34.93l38.34 57.29 38.12-57.29zM369.22 735.08h-60.27l-12.78 35.14h-32.16l55.8-149.09h38.55l55.8 149.09h-32.37zm-10.65-28.96-19.59-54.1-19.59 54.1zM488.49 716.55h-16.83v53.67H441.2V621.13h64.11c31.95 0 50.9 18.96 50.9 48.56 0 24.28-12.57 39.19-33.44 44.51l41.74 56.01h-37.48zm-16.83-26.62h30.24c15.97 0 23.43-7.67 23.43-19.81 0-12.35-7.67-20.02-23.43-20.02h-30.24zM677.83 770.22l-56.01-69.65v69.65h-30.46V621.13h30.46v66.02l53.03-66.02h37.7l-58.57 72.2 61.98 76.89zM773.46 650.1v30.03h63.89v28.97h-63.89v32.16h69.65v28.97h-100.1v-149.1h100.1v28.97zM978.36 650.1h-43.02v120.12h-30.46V650.1h-42.81v-28.97h116.29z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
1
src/food-market.web/public/logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Food Market" viewBox="80 340 920 440"><path fill="#0db70d" d="M137.8 389.76v45.33h92.51v41.94H137.8v86.65H93.7V347.82h144.94v41.94zM496.44 455.75c0 63.53-49.03 111.63-112.56 111.63s-112.25-48.11-112.25-111.63 48.72-111.63 112.25-111.63 112.56 48.1 112.56 111.63m-180.4 0c0 40.4 28.99 69.69 67.84 69.69s67.84-29.3 67.84-69.69-28.99-69.69-67.84-69.69-67.84 29.29-67.84 69.69M989.22 455.75c0 61.68-47.49 107.93-110.4 107.93H800.8V347.82h78.02c62.91 0 110.4 45.94 110.4 107.93m-44.1 0c0-38.86-27.45-65.99-66.3-65.99H844.9v131.99h33.92c38.86-.01 66.3-27.15 66.3-66M689.17 353.02c-1.16 13.98-8.14 37.07-40.88 42.3-1.51.24-2.89-.91-2.92-2.44-.2-9.04 1.06-37.15 23.61-46.15-8.05-1.71-16.46-2.62-25.14-2.62-63.53 0-112.25 48.11-112.25 111.63s48.72 111.63 112.25 111.63S756.4 519.26 756.4 455.74c0-47.27-27.16-86-67.23-102.72m-74.85 14.94c.12-1.35.36-2.69.72-4 0-.02.01-.03.01-.05.69-2.59 3.43-4.08 5.95-3.18 8.34 2.97 22.27 11.26 19.54 33.05-.12.97-1.08 1.62-2.02 1.36-6.1-1.63-25.84-8.37-24.2-27.18m104.48 114.9c-17.32 39.52-37.96 47.94-49.32 51.47-3.63 1.13-9.28 1.02-12.84-.32-4.36-1.23-8.39-2.56-12.65-2.67-4.26.11-8.29 1.43-12.65 2.67-3.56 1.34-9.2 1.45-12.84.32-11.36-3.53-32-11.95-49.32-51.47 0 0-22.9-55.67 15.67-80.92 0 0 21.37-14.35 46.39.95l2.25 1.24a21.74 21.74 0 0 0 20.98 0l2.25-1.24c25.02-15.31 46.39-.95 46.39-.95 38.59 25.25 15.69 80.92 15.69 80.92"/><path fill="#4c4f54" d="M237.16 621.13v149.09H206.7V663.31l-41.53 62.83h-2.77l-41.32-62.83v106.92H90.63v-149.1h34.93l38.34 57.29 38.12-57.29zM369.22 735.08h-60.27l-12.78 35.14h-32.16l55.8-149.09h38.55l55.8 149.09h-32.37zm-10.65-28.96-19.59-54.1-19.59 54.1zM488.49 716.55h-16.83v53.67H441.2V621.13h64.11c31.95 0 50.9 18.96 50.9 48.56 0 24.28-12.57 39.19-33.44 44.51l41.74 56.01h-37.48zm-16.83-26.62h30.24c15.97 0 23.43-7.67 23.43-19.81 0-12.35-7.67-20.02-23.43-20.02h-30.24zM677.83 770.22l-56.01-69.65v69.65h-30.46V621.13h30.46v66.02l53.03-66.02h37.7l-58.57 72.2 61.98 76.89zM773.46 650.1v30.03h63.89v28.97h-63.89v32.16h69.65v28.97h-100.1v-149.1h100.1v28.97zM978.36 650.1h-43.02v120.12h-30.46V650.1h-42.81v-28.97h116.29z"/></svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -2,24 +2,20 @@ import { cn } from '@/lib/utils'
|
||||||
|
|
||||||
interface Props { className?: string; variant?: 'light' | 'dark' }
|
interface Props { className?: string; variant?: 'light' | 'dark' }
|
||||||
|
|
||||||
|
/** Wordmark Food Market (FOOD-зелёный + яблоко в О + MARKET-серый).
|
||||||
|
* variant='dark' переключает на белую версию для тёмного фона
|
||||||
|
* (например — sidebar супер-админки на indigo-950).
|
||||||
|
*
|
||||||
|
* Текстовая версия удалена: теперь inline SVG из public/, чтобы один
|
||||||
|
* source мог использоваться и в favicon, и в hero, и в шапке. */
|
||||||
export function Logo({ className, variant = 'light' }: Props) {
|
export function Logo({ className, variant = 'light' }: Props) {
|
||||||
const isDark = variant === 'dark'
|
const src = variant === 'dark' ? '/logo-light.svg' : '/logo.svg'
|
||||||
return (
|
return (
|
||||||
<div className={cn('flex flex-col leading-none select-none', className)}>
|
<img
|
||||||
<span className={cn(
|
src={src}
|
||||||
'font-black tracking-[0.08em] text-base',
|
alt="Food Market"
|
||||||
// На тёмном sidebar (indigo-950) чёрный «FOOD» сливался с фоном —
|
className={cn('h-7 w-auto select-none', className)}
|
||||||
// в dark-варианте берём slate-50 для контраста.
|
draggable={false}
|
||||||
isDark ? 'text-slate-50' : 'text-slate-900 dark:text-slate-100',
|
/>
|
||||||
)}>
|
|
||||||
FOOD
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
className="font-black text-[11px] tracking-[0.24em] mt-0.5"
|
|
||||||
style={{ color: isDark ? '#34D399' /* emerald-400 для контраста */ : 'var(--color-brand)' }}
|
|
||||||
>
|
|
||||||
MARKET
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||