← Back to Blog

Building the Blog Layout for My Portfolio

A test post for checking typography, layout, spacing, hierarchy, and how longer-form writing feels across the site.

Building the Blog Layout for My Portfolio

This is a test post for the portfolio blog so I can properly judge how a finished article page feels when it contains actual writing rather than placeholder text.

The main goal here is to check a few things at once: title sizing, image balance, paragraph spacing, heading hierarchy, line length, and whether the page feels pleasant to read over a longer stretch of content.


Why I wanted to test this properly

Up until this point, the blog system has mainly been used to prove that the structure works. That was useful, but it only gets the page to the “technically functional” stage.

A real blog page needs more than that. It needs to feel intentional. It should be easy to scan, comfortable to read, and visually balanced even before the final real posts are written.

That matters quite a lot on a portfolio site, because even a blog page is still part of the overall impression the site gives.

What I’m looking for in the final design

For this site, I want the blog to feel:

  • calm
  • readable
  • slightly handcrafted
  • personal, but still polished
  • visually consistent with the rest of the portfolio

I do not want it to feel like a default template or a generic tech blog.

Current observations

So far, the main progress has been positive. The page has a stronger structure now, and it already feels closer to a real article layout than it did before.

That said, there are still a few things worth paying attention to:

  1. The hero section can feel a little spacious if the text content is short.
  2. The article body needs to sit in a clearly centered reading column.
  3. The top section and the body need to feel connected, rather than like separate floating pieces.

A good blog layout should quietly support the writing. It should not feel like it is competing with it.

Typography and rhythm

One of the biggest things that changes how a blog feels is rhythm.

If paragraphs are too cramped, the page feels stressful. If they are too spaced out, the post starts to feel fragmented. If headings are too large, they dominate the content. If they are too small, the structure becomes unclear.

That is why this test post exists in the first place: not because the words themselves matter, but because the layout needs something realistic to respond to.

A smaller subsection test

This section is here to make sure subheadings feel distinct from major headings, but not oversized.

It also helps test whether spacing above and below headings feels comfortable.

Final note

Once this page feels right with a realistic amount of content, it should be much easier to trust the blog system going forward.

At that point, the job stops being “make the page look less odd” and starts becoming “write posts worth reading on it.”