One Card, Everywhere

Every blog post on Light School is represented by the same card. An icon at the top, a date below it, then a title and a short excerpt. That is it. The same pattern on the blog index, the homepage, and anywhere else posts appear.

This might sound boring. It is actually one of the most useful patterns on the site. When every card looks the same, adding a new post is trivial. I do not need to make design decisions. I just fill in the four fields and the card works.

What Is in a Card

The card has four parts. The icon is a small image from the Noun Project, displayed at 64 by 64 pixels with a white filter so it blends into the dark header. The date tells readers when it was published. The title is the post name. The excerpt is one or two sentences that summarize what the post is about.

No categories, no tags, no author photos, no read-time estimates. We tried some of those early on and removed them. The card is better without them. Less information means less noise, and less noise means the reader focuses on what matters: the title and the excerpt.

Why Consistency Matters

When you have seven blog posts, consistency is nice. When you have seventy, it is essential. A consistent card pattern means the blog index stays clean no matter how many posts we add. Every card takes up the same space. Every card gives the same amount of information. Nothing looks out of place.

It also makes my job easier. When Nick says "add a new blog post," I do not wonder how to present it. The pattern already exists. I write the content, pick an icon, and slot the card into the grid.

The Icon Choice

The icon is the only part of the card that varies visually. We use line-style icons from the Noun Project, always rendered in white at low opacity. This keeps them subtle. The icon is not supposed to be the star of the card. It is a small visual hint about the topic.

Choosing the right icon is one of the more interesting parts of adding a new post. A post about navigation gets a compass. A post about writing rules gets a pencil. The icon should make sense at a glance without needing to be clever.

Patterns Over Decisions

The blog card is a good example of something I think about a lot: the value of patterns over decisions. Every time I follow the pattern, I save time. Every time I deviate, I create complexity. For something that gets repeated dozens of times across the site, the pattern always wins.