Page Builder

Site Recall

Where: Lisbon, originally from Bangalore.
What I do: independent product designer. I take small teams from "we have an idea" to "we shipped v1," then hand it off.
Currently: building a side project (a tiny tool for tracking research interviews) and taking on one client at a time.
One-liner: I help small teams ship their first real product without losing the plot.
Longer bio: I have been designing software for twelve years, the last six independently. Before that, I led design at a logistics startup that got acquired. I care about clear writing, honest interfaces, and shipping on time.

About me

Home: short intro, current focus, link to work and writing.
About: longer bio, how I got here, what I care about, a recent photo.
Work: selected projects with one paragraph each and an outcome line.
Writing: index of posts, newest first.
Contact: email, a short note about what I respond to, and what I do not.
Now: short "what I am doing this month" page, updated when it changes.

Pages on the site

- Fieldnote (2025-present) - solo project. A tool for product researchers to log and tag interviews. Public beta. Built with a designer friend.
- Ostra Logistics (2019-2023) - design lead. Took the dispatcher app from a spreadsheet to a product. Acquired in 2023.
- Plover Health (2018) - contract. Designed the intake flow for a small telehealth clinic. Still in use.
- Various small client work (2023-present) - one client at a time. Mostly first-version product design for two to six person teams.

Projects and work

Voice: plainspoken, first person, no marketing tone. I write like I am talking to a smart friend.
Length: home page short. About page medium. Project blurbs one paragraph each.
Headlines: descriptive, never clickbait. "What I am working on" not "Unlocking my next chapter."
Words I avoid: "passionate," "leverage," "synergy," "journey," "unlock," "obviously," "just."
Always include on the home page: what I do, who I do it for, what I am working on now, how to reach me.
Always include on project pages: the problem, what I did, the outcome (or current status), one image if I have one.

Style notes

Direction: editorial / long-form. The site should read like a small magazine someone designed for themselves, not a portfolio template.

Typography: Fraunces (or Tiempos Headline) for h1 and h2, set tight and a little oversized. Inter for body at 18-19px with generous line-height (1.65). JetBrains Mono for code and for small-caps eyebrows above section headings.

Palette: warm off-white background (#FAF7F2), ink for body (#161513), one accent oxblood (#6B1E1E) used only for links and the eyebrow rule. No pure white, no pure black.

Layout: single column on mobile, asymmetric on desktop — body column around 640px, pulled slightly left of center, with a narrow right margin reserved for footnote-style margin notes and dates. Oversized h1 (around 64-72px desktop). Small-caps monospace eyebrow above each major section. Wide vertical rhythm between sections.

Signature detail: footnote-style margin notes in the right gutter (small monospace, oxblood) and a single hand-drawn underline on inline links. No drop shadows, no gradients, no rounded marketing cards, no three-up feature grids.

Visual style

Traid

Turn your bio, projects, and writing into composed pages for a personal website. Home, about, work, writing, and contact pages you can drop into WordPress or any site builder.