# Fonts

## Axiforma (brand typeface)

The official DC Klinieken brand typeface is **Axiforma** by Kostas Bartsokas (Type Department). It is a commercial typeface — license at <https://typedepartment.com/products/axiforma>.

**To enable Axiforma across this design system:**

1. Purchase the Axiforma family for web use.
2. Place the WOFF2 files in this folder with the filenames the CSS already expects:

   - `Axiforma-Medium.woff2`  (weight 500)
   - `Axiforma-Bold.woff2`    (weight 700)
   - `Axiforma-Black.woff2`   (weight 900)
   - `Axiforma-BoldItalic.woff2` (italic 700)

3. That's it — `colors_and_type.css` already declares `@font-face` rules that pick them up.

## Mulish — substitution (currently active)

Until Axiforma is dropped in, the system falls back to **[Mulish](https://fonts.google.com/specimen/Mulish)** loaded from Google Fonts. Mulish is a free, geometric humanist sans with the closest letterform feel to Axiforma — particularly the rounded `a`, `e`, `c`, `s` terminals and the geometric `o`. It's not a perfect match (Axiforma has a slightly more closed `e` and a more characteristic `k`) but it lets every mockup render correctly without a license.

**Visible differences** (so you know what to expect when swapping):

- Mulish has a slightly taller x-height than Axiforma → text reads marginally larger at the same size.
- The italic forms differ most. The logo wordmark "**DC *Klinieken***" specifically uses Axiforma Bold Italic; Mulish's italic is more upright with a different `k`.
- For final production renders (posters, ads, hero headlines), please use the real Axiforma.
