Here is the blog index page: https://claude.ai/code/artifact/32da7293-4917-43f1-8f17-a286801eba5b
The body content starts at `
` and ends with the closing `
` after the CTA banner. Below is what to drop into your template.
**Design decisions made:**
- **Background** is `#edf4fc` (pale blue-tinted, not flat white) — chosen to feel "in the family" of the brand navy rather than neutral
- **Typography** pairs Georgia (serif display for headings) with system-ui for body — gives the blog an editorial authority that matches property photography content without a CDN dependency
- **Cards** use a `3px` left-accent bar that appears on hover instead of a generic shadow-only effect — adds personality without competing with the content
- **Tag badges** are blue-pill style (`#f0f6ff` bg, `#2563eb` text) matching the `primary-600 / bg-primary-50` intent from the spec
- **CTA banner** is the exact `#03264c` specified, with `#64a5e0` as the button accent so it reads clearly on the dark ground
- `prefers-reduced-motion` respected — all transitions are disabled when the user prefers it