# Open huis — DESIGN.md

Woningen en lokale expertise.

- Versie: 0.1.0
- Licentie: CC0-1.0 (https://creativecommons.org/publicdomain/zero/1.0/)
- Herkomst: AI-gegenereerd
- Bronvermelding: Vakwerk demo authors — AI-generated fictional catalog metadata for development; no template artifacts supplied.
- Demo-ontwerpsysteem: originele fictieve gegevens, geen gecommissioneerd template.

## Kleurtokens

| Rol | Waarde |
| --- | --- |
| background | #f6f4fa |
| surface | #ffffff |
| text | #231d33 |
| muted | #544b6b |
| primary | #5a3fa0 |
| onPrimary | #ffffff |
| accent | #9a4a1c |

Contrast:
- text / background: 14.86:1 (≥ 4.5:1)
- text / surface: 16.22:1 (≥ 4.5:1)
- muted / background: 7.41:1 (≥ 4.5:1)
- onPrimary / primary: 7.91:1 (≥ 4.5:1)
- primary / background: 7.25:1 (≥ 3:1)
- accent / background: 5.71:1 (≥ 3:1)

## Typografie

- Koppen: Georgia, 'Times New Roman', serif
- Lopende tekst: system-ui, 'Segoe UI', Arial, sans-serif

## Vorm en ruimte

- Hoekafronding: 4px
- Basiseenheid voor ruimte: 8px

## Paginasecties, in volgorde

1. Introductie
2. Woningaanbod
3. Diensten
4. Ervaringen
5. Contact

## Toon

Deskundig en lokaal; eerst feiten over woningen, daarna pas verkooptaal.

## Opmaak

Introductie met zoekfunctie, een raster van woningkaarten met kernfeiten en een contactblok voor de makelaar.

## CSS custom properties

```css
:root {
  --color-background: #f6f4fa;
  --color-surface: #ffffff;
  --color-text: #231d33;
  --color-muted: #544b6b;
  --color-primary: #5a3fa0;
  --color-on-primary: #ffffff;
  --color-accent: #9a4a1c;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, 'Segoe UI', Arial, sans-serif;
  --radius: 4px;
  --space: 8px;
}
```