Get Started

Home  /  Portfolio  /  Fieldnotes

UI Kit

Fieldnotes — Blog Card Kit

Fifty-plus blog cards for publishers who are tired of the same three layouts: semantic, responsive and themeable in an afternoon.

Laptop showing a dashboard made of interface cards

Overview

Cards with character

Blog cards are the hardest-working component on any publication — and the most neglected. Fieldnotes treats them as tiny editorial posters: image-first, type-led and honest about what’s inside.

Every card ships with accessible markup, lazy-loading patterns and three density modes, from breezy magazine grids to dense newsroom walls.

Approach

Challenge, solution

The challenge

Publishers needed variety without chaos — dozens of layouts that still feel like one publication.

The solution

One spacing scale, one type scale, endless arrangements — constraint as a creative engine.

Deliverables

50+ card components, theme tokens, usage docs and a starter blog built on the kit.

Outcome

Publishers theme the whole kit in an afternoon — and readers finally click past the fold.

Need a system like this?

Component kits, blogs, publications — if it repeats, I’ll systematise it beautifully.

Start Your Project