feat(brand): adopt the redesigned InvoiceShelf logo (#660)

- MainLogo.vue: new 'receipt + check' mark + InvoiceShelf wordmark lockup
  (monochrome, inherits the existing light/dark colour props — works in the
  header, auth, installation, sidebar, loader, and customer portal).
- Favicons + PWA icons regenerated from the new mark (16/32/180/192/512/150 +
  favicon.ico); safari-pinned-tab.svg redrawn to the new mark; mask-icon colour
  #5851d8 -> #4a3dff.
- New brand SVG assets (logo-mark + variants + lockup) added under static/img;
  logo-gray.png (public-invoice footer) regenerated as the mono mark.
This commit is contained in:
Darko Gjorgjijoski
2026-06-12 11:27:39 +02:00
committed by GitHub
parent 84524ce247
commit f007daa65b
15 changed files with 85 additions and 367 deletions

View File

@@ -0,0 +1,13 @@
<svg width="232" height="48" viewBox="0 0 232 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1" width="46" height="46" rx="9" fill="#4A3DFF"></rect>
<g transform="translate(22.5 24) scale(0.78) translate(-24 -24)">
<path d="M12,11 a4,4 0 0 1 4,-4 h16 a4,4 0 0 1 4,4 v22 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 Z" fill="none" stroke="#fff" stroke-width="2.9" stroke-linejoin="round"></path>
<line x1="17" y1="16" x2="31" y2="16" stroke="#fff" stroke-width="2.9" stroke-linecap="round"></line>
<line x1="17" y1="21.5" x2="26" y2="21.5" stroke="#fff" stroke-width="2.9" stroke-linecap="round"></line>
<circle cx="33" cy="33" r="9" fill="#fff"></circle>
<path d="M29.2 33.2 l2.6 2.7 l4.6 -5.6" fill="none" stroke="#4A3DFF" stroke-width="2.9" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<text x="60" y="32" font-family="Poppins, sans-serif" font-weight="700" font-size="27" letter-spacing="-0.7">
<tspan fill="#141A2B">Invoice</tspan><tspan fill="#4A3DFF">Shelf</tspan>
</text>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@@ -0,0 +1,9 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-2 0)" stroke="#141A2B">
<path d="M12,11 a4,4 0 0 1 4,-4 h16 a4,4 0 0 1 4,4 v22 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 Z" fill="none" stroke-width="2.6" stroke-linejoin="round"></path>
<line x1="17" y1="16" x2="31" y2="16" stroke-width="2.6" stroke-linecap="round" opacity="0.45"></line>
<line x1="17" y1="21.5" x2="26" y2="21.5" stroke-width="2.6" stroke-linecap="round" opacity="0.45"></line>
<circle cx="33" cy="33" r="9" fill="none" stroke-width="2.6"></circle>
<path d="M29.2 33.2 l2.6 2.7 l4.6 -5.6" fill="none" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 786 B

View File

@@ -0,0 +1,9 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-2 0)" stroke="#ffffff">
<path d="M12,11 a4,4 0 0 1 4,-4 h16 a4,4 0 0 1 4,4 v22 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 Z" fill="none" stroke-width="2.6" stroke-linejoin="round"></path>
<line x1="17" y1="16" x2="31" y2="16" stroke-width="2.6" stroke-linecap="round" opacity="0.5"></line>
<line x1="17" y1="21.5" x2="26" y2="21.5" stroke-width="2.6" stroke-linecap="round" opacity="0.5"></line>
<circle cx="33" cy="33" r="9" fill="none" stroke-width="2.6"></circle>
<path d="M29.2 33.2 l2.6 2.7 l4.6 -5.6" fill="none" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 784 B

View File

@@ -0,0 +1,10 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1" width="46" height="46" rx="9" fill="#4A3DFF"></rect>
<g transform="translate(22.5 24) scale(0.78) translate(-24 -24)">
<path d="M12,11 a4,4 0 0 1 4,-4 h16 a4,4 0 0 1 4,4 v22 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 l-2,4 l-2,-4 Z" fill="none" stroke="#fff" stroke-width="2.9" stroke-linejoin="round"></path>
<line x1="17" y1="16" x2="31" y2="16" stroke="#fff" stroke-width="2.9" stroke-linecap="round"></line>
<line x1="17" y1="21.5" x2="26" y2="21.5" stroke="#fff" stroke-width="2.9" stroke-linecap="round"></line>
<circle cx="33" cy="33" r="9" fill="#fff"></circle>
<path d="M29.2 33.2 l2.6 2.7 l4.6 -5.6" fill="none" stroke="#4A3DFF" stroke-width="2.9" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 886 B