mosaeedi.com

A senior product designer's portfolio on a cream paper ground (#faf7f1) that reads more like a warm studio than a résumé. Sora at ~66px/500 with tight −1px tracking carries a three-line hero, the last line switched to a clay terracotta (#a16f58) and underlined with a thin hand-brushed rule — the one moment of color on an otherwise near-monochrome page. A faint grid and a soft peach glow sit behind the headline; to its right a rounded-16px video card with a play button and a spinning "open to work" badge sticker turns the intro personal. Below, "Selected work" cards are white on cream with hairline borders, generous radius, a small numbered pill in each corner, and rows of tiny pill tags — every radius is either 9999px or 12–16px, so the whole page feels soft without going bubbly.

Build on a warm off-white paper ground #faf7f1; cards are white #ffffff with 1px hairline borders in #d6cfc7 and 16px radius. Ink is a near-black warm charcoal #23201b/#1b2029 for headings, #564e4f for body and #98928d for captions. Use exactly one accent, a clay terracotta #a16f58, and spend it on one phrase per screen plus thin rules and eyebrow lines — never on fills or large surfaces. Headings in Sora (or a geometric humanist like Outfit) at 56–66px, weight 500, letter-spacing −0.015em, line-height 1.02; body in the system sans at 18px/1.6. Eyebrows: 11px uppercase, +0.15em tracking, muted, preceded by a 40px accent hairline. Every control is a pill (9999px): primary CTA 44px tall, 12×24px padding, 14px/500, flat with no border; tags 20–22px tall with a hairline border and muted text. Add subtle depth with a radial peach glow (#a16f58 at ~8% opacity, 600px blur) and a 1px grid at ~4% opacity that fades to nothing at the edges. Allow one playful sticker element — a rotating circular text badge or a tilted photo — per page, and keep everything else still. No drop shadows on cards; separation comes from white on cream and the hairline.