meodai.color.pizza

A personal homepage for a computational designer, set in one condensed serif (Libre Caslon Condensed, 400 throughout) on a flat #f7f7f7 sheet with no fills, no cards and no radii. A sticky left rail holds a line-drawn self-portrait, the name and a stacked role line, with the social links parked at the viewport's bottom; the right two-thirds runs as a three-column ledger: prose in the middle, a project title with a ↗ in the right column, each row closed by a 1px gray hairline. The only color is a blue-violet that shows up in the portrait's glasses and an inline logo glyph. Everything else is gray type at a few values. It reads like a well-set book index of someone's obsessions.

Set the whole page in one condensed serif (Libre Caslon Condensed, or a condensed Caslon/Garamond fallback to Georgia) at weight 400 only: display 34px/1.1, section and item heads 22px/1.3, body 15px with a generous 27px line height (1.8) and +0.15px tracking. Never use bold. Build hierarchy from size and gray value alone: ink #414141 for body, #747474 for secondary lines and nav, #939397 for faint meta. Background is one flat #f7f7f7 with no surfaces, shadows or radii (0 everywhere). The only structure is 1px #cfcfd0 hairlines spanning the content columns. Lay out on a wide three-column grid with ~44px outer margins: a sticky identity rail on the left (~1/3), with links pinned to its bottom, and the content in two columns to the right, prose (~370px measure) and a label column. Present lists as ledger rows (text left, title plus a small ↗ right, a hairline between rows, ~40px vertical padding) instead of cards. Links are body-color text with a thin underline. The one accent is a muted blue-violet (#7474a3, rendering as a brighter periwinkle #b5b5f7 at small sizes). Use it sparingly, in an illustration detail, a link underline or an inline glyph, never as a fill. Separate metadata with middots and long em-rules rather than chips. Keep imagery to monochrome line art with a single spot of the accent.