Bento personal website examples, when the pieces are actually uneven.

A bento page is a set of cards with different jobs. Nia’s grid is the demo. Alex on the same template shows what happens when the cards are projects instead of objects.

These are fictional demos shipped with SayHi, labeled as such. They are not customer stories.

Bento — objects that are not the same size

Identity, a lamp, a sentence, a link. The grid is justified because the pieces have different weights. A uniform grid of six identical cards is just a list with padding.

Why this works.

Bento · Text, Image, Project, Link

Portrait of Nia Voss in her studio

Nia Voss

Identity, objects, and the rooms they occupy

Independent designer in Brooklyn. I make identities that can sit on a shelf as well as a screen — books, lamps, marks, and the paper they begin on.

Brooklyn

Studio Voss

A small practice. Brand worlds, objects, and the analog studies that keep both from going glossy.

Cloth-bound brand book and material samples on a walnut desk

Atelier Lumen

2025

Identity and a cloth-bound brand book for a lighting studio that still pours plaster in-house.

Three abstract geometric posters on a white studio wall

Civic Marks

2024

A poster series of rust, cream, and charcoal. No slogans. The shapes had to hold a wall on their own.

Handmade ceramic table lamp on a plaster plinth

Lamp No. 4

2025

Bone glaze, olive foot, a shade that does not try to be a sculpture.

Torn paper color swatches in terracotta, ink, cream, and forest green
Color study, August
Start a projectOne new identity at a time.

Elsewhere

Open sayhi.page/niaBento template

Bento — projects as peers

Useful for several small shipped things. Worse when one project should obviously lead. If you keep scrolling to find the point, use Minimal.

Why this works.

Bento · Project, GitHub, Text

Portrait of Alex Chen

Alex Chen

Languages, tools, and the notes between them

I design small languages and the CLIs that keep them honest. Currently at Harbor Labs, previously on the typechecker for a research notebook that got out of hand in the best way.

San Francisco

Now

Building Ink, a typed notebook format for people who write with code sitting next to the sentence. Harbor is the CLI around it — evals, snapshots, and a boringly reliable local workflow.

GitHub

harbor-labs/ink

A typed notebook format. Prose, code, and tests in one file that still diffs like a human wrote it.

TypeScript · local-first

GitHub

harbor-labs/harbor

The CLI for Ink: run, snapshot, and compare notebooks without standing up a service.

Rust · CLI
Types as documentation — Northshore ConfTalk notes and slides

Writing

Occasional notes on type systems that stay out of the way, local-first tools, and why most developer portfolios look like résumé PDFs with extra steps.

Write to AlexSlow email, real replies.

Work with me

Tell me about the project. I read every note.

Open sayhi.page/alexBento template

What to copy

Different sizes on purpose

If every card is medium, you wanted a list.

One idea per card

A card that needs a scrollbar is a section.

A way out of the grid

Portfolio and Minimal are on the same blocks. The bento look is not a trap.

Start from Bento

The grid these two studies use.

Open the Bento template

Questions

Continue