fix(nav,schrift): nur eigene Features in der Leiste, Instrument Sans laden

Zwei Korrekturen aus dem Review.

1. Die Seitenleiste zeigte die komplette Software-Navigation nach. Falsch:
   Kontakte, Leads, Pipelines, Postfach, Termine und Einstellungen stehen dort
   bereits, der Prototyp verdoppelt sie nur. Jetzt stehen in der Leiste
   ausschließlich unsere beiden Features — Dashboard (eigenes Feature, hier
   nicht enthalten) und Analytics — plus die Bausteingalerie im sekundären
   Bereich, die zum Prototyp und nicht zum Produkt gehört.

2. Die Schrift stimmte nicht. Die Software nutzt Instrument Sans, selbst
   gehostet als variable Schrift. Der Prototyp lud Inter über next/font,
   während ui/theme.css für sämtliche Subframe-Typo-Token bereits
   'Instrument Sans' verlangte — die Schrift war aber nie geladen und fiel auf
   die Systemschrift zurück. Ergebnis waren zwei verschiedene Schriften auf
   einer Seite, keine davon die der Software.

   Jetzt liegen dieselben woff2-Dateien unter public/fonts/, mit denselben
   @font-face-Regeln und derselben Alias-Zuordnung für Komponenten, die noch
   direkt auf Inter verweisen. next/font entfällt.

Der Layout-Prüfer lief nach dem Schriftwechsel erneut durch: andere Metrik,
andere Textbreiten — weiterhin keine Kollisionen über 6 Seiten × 7 Breiten.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QPeZNwSeU7qG3RRCwaxEZX
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-29 20:34:35 +02:00
1 parent e85ceb6f9d
commit aa86dfe44d
7 files changed
+98 -82

No files matched your search

+59 -1
View File
@@ -1,6 +1,64 @@
@import "tailwindcss";
@import "../ui/theme.css";
/*
* Schrift: Instrument Sans, selbst gehostet — identisch zur Software.
*
* Die Dateien stammen aus `apps/web/public/fonts/` von HiveGrid Cloud, damit
* Schriftschnitt und Metrik exakt übereinstimmen. Variable Schrift (400–700).
*
* Warum das nötig war: `ui/theme.css` verlangt für alle Subframe-Typo-Token
* bereits "Instrument Sans", die Schrift wurde aber nie geladen — und der
* Fließtext war zusätzlich auf Inter gesetzt. Ergebnis waren zwei verschiedene
* Schriften auf einer Seite, keine davon die der Software.
*/
@font-face {
font-family: "Instrument Sans";
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: swap;
src: url("/fonts/instrument-sans-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Instrument Sans";
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: swap;
src: url("/fonts/instrument-sans-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/*
* Einige Subframe-Komponenten verweisen noch direkt auf Inter. Damit sie nicht
* auf die Systemschrift zurückfallen, zeigt der Name auf dieselbe Datei —
* so hält es die Software auch.
*/
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: swap;
src: url("/fonts/instrument-sans-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@theme {
--default-font-family: "Instrument Sans", ui-sans-serif, system-ui,
-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--font-inter: var(--default-font-family);
--font-sans: var(--default-font-family);
}
/*
* HiveGrid Analytics Dashboard
* ---------------------------------------------------------------
@@ -28,7 +86,7 @@
body {
background: var(--color-neutral-50, #fafafa);
color: var(--color-text-neutral-primary);
font-family: "Inter", system-ui, -apple-system, sans-serif;
font-family: var(--default-font-family);
font-variant-numeric: tabular-nums;
}