diff --git a/assets/fonts/Manrope/Manrope-Bold.woff2 b/assets/fonts/Manrope/Manrope-Bold.woff2 index e69de29..80a32b2 100644 Binary files a/assets/fonts/Manrope/Manrope-Bold.woff2 and b/assets/fonts/Manrope/Manrope-Bold.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-ExtraBold.woff2 b/assets/fonts/Manrope/Manrope-ExtraBold.woff2 index e69de29..47c8601 100644 Binary files a/assets/fonts/Manrope/Manrope-ExtraBold.woff2 and b/assets/fonts/Manrope/Manrope-ExtraBold.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-ExtraLight.woff2 b/assets/fonts/Manrope/Manrope-ExtraLight.woff2 index e69de29..4b52f0c 100644 Binary files a/assets/fonts/Manrope/Manrope-ExtraLight.woff2 and b/assets/fonts/Manrope/Manrope-ExtraLight.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-Light.woff2 b/assets/fonts/Manrope/Manrope-Light.woff2 new file mode 100644 index 0000000..b7ee775 Binary files /dev/null and b/assets/fonts/Manrope/Manrope-Light.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-Medium.woff2 b/assets/fonts/Manrope/Manrope-Medium.woff2 index e69de29..b1e0f89 100644 Binary files a/assets/fonts/Manrope/Manrope-Medium.woff2 and b/assets/fonts/Manrope/Manrope-Medium.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-Regular.woff2 b/assets/fonts/Manrope/Manrope-Regular.woff2 index e69de29..e0d8b90 100644 Binary files a/assets/fonts/Manrope/Manrope-Regular.woff2 and b/assets/fonts/Manrope/Manrope-Regular.woff2 differ diff --git a/assets/fonts/Manrope/Manrope-SemiBold.woff2 b/assets/fonts/Manrope/Manrope-SemiBold.woff2 index e69de29..7c1d279 100644 Binary files a/assets/fonts/Manrope/Manrope-SemiBold.woff2 and b/assets/fonts/Manrope/Manrope-SemiBold.woff2 differ diff --git a/assets/fonts/Manrope/README.md b/assets/fonts/Manrope/README.md index c5b1d96..6686f8b 100644 --- a/assets/fonts/Manrope/README.md +++ b/assets/fonts/Manrope/README.md @@ -3,10 +3,10 @@ Primary UI typeface for Kode Design Consultants — used for all headings, body copy, captions, and the secondary line of the wordmark lockup. -Drop the licensed binaries here: +Installed weights: -- Manrope-Variable.woff2 (preferred, weights 200–800) - Manrope-ExtraLight.woff2 (200) — secondary wordmark line +- Manrope-Light.woff2 (300) - Manrope-Regular.woff2 (400) - Manrope-Medium.woff2 (500) - Manrope-SemiBold.woff2 (600) diff --git a/assets/fonts/Opificio/LICENSE.txt b/assets/fonts/Opificio/LICENSE.txt deleted file mode 100644 index e69de29..0000000 diff --git a/assets/fonts/Opificio/Opificio-Bold.woff2 b/assets/fonts/Opificio/Opificio-Bold.woff2 deleted file mode 100644 index e69de29..0000000 diff --git a/assets/fonts/Opificio/Opificio-Regular.woff2 b/assets/fonts/Opificio/Opificio-Regular.woff2 deleted file mode 100644 index e69de29..0000000 diff --git a/assets/fonts/Opificio/Opificio-Rounded.woff2 b/assets/fonts/Opificio/Opificio-Rounded.woff2 deleted file mode 100644 index e69de29..0000000 diff --git a/assets/fonts/Opificio/README.md b/assets/fonts/Opificio/README.md index 59c7f3f..3697ebb 100644 --- a/assets/fonts/Opificio/README.md +++ b/assets/fonts/Opificio/README.md @@ -1,12 +1,31 @@ # Opificio Display typeface for Kode Design Consultants — used **only** for the `kode` -wordmark and headline display moments. Bold is the canonical cut. +wordmark and headline display moments. Bold is the canonical wordmark cut. -Drop the licensed binaries here: +## Files -- Opificio-Bold.woff2 — canonical wordmark cut -- Opificio-Rounded.woff2 — editorial / friendly variant -- Opificio-Regular.woff2 — used sparingly +Squared cuts → CSS family **`Opificio`** + +| File | CSS weight | +|------|------------| +| `opificio_light.woff2` | 300 | +| `opificio_regular.woff2` | 400 | +| `opificio_bold.woff2` | 700 | + +Rounded cuts → CSS family **`Opificio Rounded`** + +| File | CSS weight | +|------|------------| +| `opificio_light_rounded.woff2` | 300 | +| `opificio_rounded.woff2` | 400 | +| `opificio_bold_rounded.woff2` | 700 | + +## Usage + +```css +.wordmark { font-family: "Opificio"; font-weight: 700; } +.wordmark-soft { font-family: "Opificio Rounded"; font-weight: 700; } +``` Confirm Opificio's licensing terms with the foundry before redistributing. diff --git a/assets/fonts/Opificio/opificio_bold.woff2 b/assets/fonts/Opificio/opificio_bold.woff2 new file mode 100644 index 0000000..504a035 Binary files /dev/null and b/assets/fonts/Opificio/opificio_bold.woff2 differ diff --git a/assets/fonts/Opificio/opificio_bold_rounded.woff2 b/assets/fonts/Opificio/opificio_bold_rounded.woff2 new file mode 100644 index 0000000..bee5cee Binary files /dev/null and b/assets/fonts/Opificio/opificio_bold_rounded.woff2 differ diff --git a/assets/fonts/Opificio/opificio_light.woff2 b/assets/fonts/Opificio/opificio_light.woff2 new file mode 100644 index 0000000..2552819 Binary files /dev/null and b/assets/fonts/Opificio/opificio_light.woff2 differ diff --git a/assets/fonts/Opificio/opificio_light_rounded.woff2 b/assets/fonts/Opificio/opificio_light_rounded.woff2 new file mode 100644 index 0000000..9aece24 Binary files /dev/null and b/assets/fonts/Opificio/opificio_light_rounded.woff2 differ diff --git a/assets/fonts/Opificio/opificio_regular.woff2 b/assets/fonts/Opificio/opificio_regular.woff2 new file mode 100644 index 0000000..9dc34eb Binary files /dev/null and b/assets/fonts/Opificio/opificio_regular.woff2 differ diff --git a/assets/fonts/Opificio/opificio_rounded.woff2 b/assets/fonts/Opificio/opificio_rounded.woff2 new file mode 100644 index 0000000..e12d293 Binary files /dev/null and b/assets/fonts/Opificio/opificio_rounded.woff2 differ diff --git a/assets/fonts/fonts.css b/assets/fonts/fonts.css index c351a54..405fe5c 100644 --- a/assets/fonts/fonts.css +++ b/assets/fonts/fonts.css @@ -1,41 +1,104 @@ /* Kode Design Consultants — font-face declarations. Self-host these files from /assets/fonts/. */ -/* Manrope — primary UI typeface (variable, 200–800). */ +/* ===== Manrope — primary UI typeface (200–800) ===== */ @font-face { font-family: "Manrope"; font-style: normal; - font-weight: 200 800; + font-weight: 200; font-display: swap; - src: url("./Manrope/Manrope-Variable.woff2") format("woff2-variations"), - url("./Manrope/Manrope-Regular.woff2") format("woff2"); + src: url("./Manrope/Manrope-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("./Manrope/Manrope-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("./Manrope/Manrope-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("./Manrope/Manrope-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("./Manrope/Manrope-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("./Manrope/Manrope-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Manrope"; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("./Manrope/Manrope-ExtraBold.woff2") format("woff2"); } -/* Opificio — display / wordmark only. - Three cuts: Bold (canonical), Rounded, Regular. */ +/* ===== Opificio — display / wordmark only ===== + Family "Opificio" → squared cuts (Light 300, Regular 400, Bold 700) + Family "Opificio Rounded" → rounded cuts (Light 300, Regular 400, Bold 700) */ @font-face { font-family: "Opificio"; font-style: normal; - font-weight: 700; + font-weight: 300; font-display: swap; - src: url("./Opificio/Opificio-Bold.woff2") format("woff2"); -} -@font-face { - font-family: "Opificio Rounded"; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("./Opificio/Opificio-Rounded.woff2") format("woff2"); + src: url("./Opificio/opificio_light.woff2") format("woff2"); } @font-face { font-family: "Opificio"; font-style: normal; font-weight: 400; font-display: swap; - src: url("./Opificio/Opificio-Regular.woff2") format("woff2"); + src: url("./Opificio/opificio_regular.woff2") format("woff2"); +} +@font-face { + font-family: "Opificio"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("./Opificio/opificio_bold.woff2") format("woff2"); +} +@font-face { + font-family: "Opificio Rounded"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("./Opificio/opificio_light_rounded.woff2") format("woff2"); +} +@font-face { + font-family: "Opificio Rounded"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("./Opificio/opificio_rounded.woff2") format("woff2"); +} +@font-face { + font-family: "Opificio Rounded"; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("./Opificio/opificio_bold_rounded.woff2") format("woff2"); } -/* Roboto Mono — code / tabular figures only. Not a brand typeface. */ +/* ===== Roboto Mono — code / tabular figures only (not a brand typeface) ===== */ @font-face { font-family: "Roboto Mono"; font-style: normal;