Petros Stergioulas
Compare · 5 variants 26 Apr 2026

01 / Field test

Five directions for stergioulas.com.

Each card opens a complete home-page treatment of the same person, the same words, the same intent — then commits hard to its own typography, palette, and rhythm. Compare them quickly, then pick the one that should carry the rest of the site.

Source
design-variants/
Stack
Astro 6 · Tailwind 4
Scope
Home page only
Status
Alpha · evaluating

02 / The candidates

Open in a new tab to A/B side-by-side.

03 / How to read these

Look at type first

Each variant pairs a body face with a small mono accent. The display decisions (size, tracking, leading) carry most of the personality.

Then the structure

Notice rows, indexes, rails, dividers, and section markers. Identity comes from how information is ordered, not from decoration.

Color last

The palettes are restrained on purpose. One accent, used sparingly, should be enough to anchor the visual voice.