Can AI make my blog easier on the eyes?

A robot and a person are collaboratively engaging with a laptop, using a magic wand to highlight elements on the screen.
AI-generated image, for fun and context.

I’m using the lovely mnml theme for my blog and decided to try letting AI improve it from a readability perspective.

I used Gemini for the task, since I have a free Pro trial. Here’s the prompt I started off with:

Edit these styles with good readability in mind, giving it a pleasant relaxed feeling while also being beautiful.

I kept the suggested color scheme as it was, but I did ask for a slightly darker background for dark mode. The original one (#282c34) is still live, but I might switch to the proposed option: #252930. (Anyone who’s ever tried web design for more than 30 minutes knows how easy it is to get stuck on things like this. 😅)

Some of the other recommendations I kept, some I tweaked, and some I skipped entirely.

Here’s an example of some I decided to keep (along with Gemini’s comments):

body {
  /* ... existing background and color ... */
  font-size: 1.9rem; /* Slightly larger for improved readability and relaxed feel (19px) */
  line-height: 1.65; /* A bit more space between lines for better flow */
  /* ... rest of body styles ... */
}

/* Ensure consistent line-height for headings as well if not already inherited well */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3; /* Slightly more space for multi-line headings */
}

p {
  margin-bottom: 1.5rem; /* Consistent spacing between paragraphs */
}

I don’t know if this qualifies as “vibe coding”, but it was my first attempt at using AI for web design guidance.

I’m quite happy with the results. What do you think?

Posts