Swap in the traced duck logo and set the wordmark in Montserrat
The sidebar brand mark was a hand-drawn inline path. Replace it with the delivered vector trace, served from the Vite public directory so the Go binary embeds it and the mark stays editable as an asset rather than as JSX. Its eye and chart bars are evenodd cutouts, so they read as the navy sidebar showing through. Set the wordmark in Montserrat Bold and the tagline in Montserrat Medium at 0.4em tracking. The subsets are bundled from @fontsource instead of linked from Google Fonts: the Content-Security-Policy allows fonts from 'self' only, and a self-hosted workspace should not fetch its own brand from a third party. Tracking moves from 2px to em so it holds at every breakpoint's tagline size.
This commit is contained in:
+6
-7
@@ -25,6 +25,11 @@ import { Accounts } from "./Accounts";
|
||||
import { Classification } from "./Classification";
|
||||
import { Settings } from "./Settings";
|
||||
import { ErrorMessage } from "./ui";
|
||||
// Montserrat carries the wordmark. The subsets are bundled rather than fetched
|
||||
// from Google Fonts: the Content-Security-Policy serves fonts from 'self' only,
|
||||
// and a self-hosted workspace must not phone home to render its own brand.
|
||||
import "@fontsource/montserrat/latin-500.css";
|
||||
import "@fontsource/montserrat/latin-700.css";
|
||||
import "./styles.css";
|
||||
const navigation = [
|
||||
{ id: "overview", label: "Overview", icon: LayoutDashboard },
|
||||
@@ -158,13 +163,7 @@ function App() {
|
||||
}}
|
||||
>
|
||||
<span className="brand-mark" aria-hidden="true">
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none">
|
||||
<path
|
||||
d="M6 17c0-4 3-6 7-6V7c0-3 2-5 5-5s5 2 5 5v3h3v3h-5c0 7-4 11-10 11-5 0-8-3-8-7h3Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<circle cx="19" cy="7" r="1.2" fill="#102131" />
|
||||
</svg>
|
||||
<img src="/finance-duck-icon.svg" alt="" width={34} height={34} />
|
||||
</span>
|
||||
<span>
|
||||
finance<span className="brand-light">duck</span>
|
||||
|
||||
Reference in New Issue
Block a user