# Creative studio — DESIGN.md

A portfolio for independent makers.

- Version: 0.1.0
- License: CC0-1.0 (https://creativecommons.org/publicdomain/zero/1.0/)
- Provenance: AI-generated
- Attribution: Vakwerk demo authors — AI-generated fictional catalog metadata for development; no template artifacts supplied.
- Demo design system: original fictional metadata, not a commissioned template.

## Colour tokens

| Role | Value |
| --- | --- |
| background | #fbf4ef |
| surface | #ffffff |
| text | #2a1a14 |
| muted | #68483a |
| primary | #a2401c |
| onPrimary | #ffffff |
| accent | #8a5a00 |

Contrast:
- text / background: 15.35:1 (≥ 4.5:1)
- text / surface: 16.72:1 (≥ 4.5:1)
- muted / background: 7.49:1 (≥ 4.5:1)
- onPrimary / primary: 6.39:1 (≥ 4.5:1)
- primary / background: 5.87:1 (≥ 3:1)
- accent / background: 5.44:1 (≥ 3:1)

## Typography

- Headings: Georgia, 'Times New Roman', serif
- Body text: system-ui, 'Segoe UI', Arial, sans-serif

## Shape and spacing

- Corner radius: 2px
- Base spacing unit: 8px

## Page sections, in order

1. Hero
2. Portfolio
3. Services
4. Testimonials
5. Contact

## Voice

Confident and personal, written in the first person by the maker.

## Layout

Large serif headline, an asymmetric project grid and generous white space.

## CSS custom properties

```css
:root {
  --color-background: #fbf4ef;
  --color-surface: #ffffff;
  --color-text: #2a1a14;
  --color-muted: #68483a;
  --color-primary: #a2401c;
  --color-on-primary: #ffffff;
  --color-accent: #8a5a00;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, 'Segoe UI', Arial, sans-serif;
  --radius: 2px;
  --space: 8px;
}
```